// Title: Tigra Menu
// Description: Free JavaScript Menu Navigation
// URL: http://www.javascript-menu.com/
// Version: 2.1 (commented source)
// Date: 06/26/2007
// Tech. Support: http://www.softcomplex.com/forum/forumdisplay_29/
// Notes: This script is free. Visit official site for further details.

//======================================================================
// g_menuWidth & g_subMenuWidth are 5px > then the menuStyle & subMenuStyle to allow the arrow to show
var g_menuWidth = 190; //need to modify the menuStyle's width as well
var g_menuHeight = 25; 
var g_subMenuWidth = 255; //need to modify the subMenuStyle's width as well

var menuYPos = findCtlY(document.getElementById('m_LeftMenu'));

var currentCity= document.forms[0]['m_currentCity'].value; //document.getElementById("<%= m_cityListBox.ClientID %>").value;

// level scope settins structure
var menuConfig = [
// root level configuration (level 0)
{
	// item sizes
	'height': g_menuHeight,
	'width': g_menuWidth,
	// absolute position of the menu on the page (in pixels)
	// with centered content
	'block_top': 0,
	'block_left': 10,
	// offsets between items of the same level (in pixels)
	'top': 25,
	'left': 0,
	// time delay before menu is hidden after cursor left the menu (in milliseconds)
	'hide_delay': 25,
	// submenu expand delay after the rollover of the parent 
	'expd_delay': 25,
    //Added by me
	'click_delay': 5,

	// names of the CSS classes for the menu elements in different states
	// tag: [normal, hover, mousedown]
	'css' : {
		'outer' : ['m0l0oout', 'm0l0oover'],
		'inner' : ['m0l0iout', 'm0l0iover']
	}	
},
// sub-menus configuration (level 1)
// any omitted parameters are inherited from parent level
{
	'block_top': 0,
	'width': g_subMenuWidth,
	// position of the submenu relative to top left corner of the parent item
	'block_left': g_menuWidth,
	'css' : {
		'outer' : ['m0l1oout', 'm0l1oover'],
		'inner' : ['m0l1iout', 'm0l1iover']
	}
},

// sub-menus configuration (level 2)
// any omitted parameters are inherited from parent level
{
	'block_top': 0,
	'width': g_subMenuWidth,
	// position of the submenu relative to top left corner of the parent item
	'block_left': g_subMenuWidth,
	'css' : {
		'outer' : ['m0l1oout', 'm0l1oover'],
		'inner' : ['m0l1iout', 'm0l1iover']
	}
}
];

// --------------------------------------------------------------------------------
// global collection containing all menus on current page
var A_MENUS = [];

// --------------------------------------------------------------------------------
// popupmenu class
function popupmenu (a_items, a_tpl) {

	// browser check
	if (!document.body || !document.body.style)
		return;

    //alert("menuYPos: " + menuYPos);
	// store items structure
	this.a_config = a_items;

	// store template structure
	this.a_tpl = a_tpl;

	// get menu id
	this.n_id = A_MENUS.length;
	
	//alert("Begin length: " + A_MENUS.length);

	// declare collections
	this.a_index = [];
	this.a_children = [];

	// assigh methods and event handlers
	this.expand      = menu_expand;
	this.collapse    = menu_collapse;

	this.onclick     = menu_onclick;
	this.onmouseout  = menu_onmouseout;
	this.onmouseover = menu_onmouseover;
	this.onmousedown = menu_onmousedown;

	// default level scope description structure 
	this.a_tpl_def = {
		'block_top'  : 0,
		'block_left' : 20,
		'top'        : 25,
		'left'       : 0,
		'width'      : 140,
		'height'     : 25,
		'hide_delay' : 200,
		'expd_delay' : 200,
		'click_delay' : 5,  //add by me
		'css'        : {
			'inner' : '',
			'outer' : ''
		}
	};
	
	// assign methods and properties required to imulate parent item
	this.getprop = function (s_key) {
		return this.a_tpl_def[s_key];
	};

	this.o_root = this;
	this.n_depth = -1;
	this.n_x = 0;
	this.n_y = 0;

    //alert("Begin a_items: " + a_items.length);
    
	// 	init items recursively
	for (n_order = 0; n_order < a_items.length; n_order++)
		new menu_item(this, n_order);

    //alert("first loop finishes; this.a_children.length: " + this.a_children.length);

	// register self in global collection
	A_MENUS[this.n_id] = this;

	// make root level visible
	for (var n_order = 0; n_order < this.a_children.length; n_order++)
		this.a_children[n_order].e_oelement.style.visibility = 'visible';
}

// --------------------------------------------------------------------------------
function menu_collapse (n_id) {
	// cancel item open delay
	clearTimeout(this.o_showtimer);

	// by default collapse to root level
	var n_tolevel = (n_id ? this.a_index[n_id].n_depth : 0);
	
	// hide all items over the level specified
	for (n_id = 0; n_id < this.a_index.length; n_id++) {
		var o_curritem = this.a_index[n_id];
		if (o_curritem.n_depth > n_tolevel && o_curritem.b_visible) {
			o_curritem.e_oelement.style.visibility = 'hidden';
			o_curritem.b_visible = false;
		}
	}

	// reset current item if mouse has gone out of items
	if (!n_id)
		this.o_current = null;
}

// --------------------------------------------------------------------------------
function menu_expand (n_id) {

	// expand only when mouse is over some menu item
	if (this.o_hidetimer)
		return;

	// lookup current item
	var o_item = this.a_index[n_id];

	// close previously opened items
	if (this.o_current && this.o_current.n_depth >= o_item.n_depth)
		this.collapse(o_item.n_id);
	this.o_current = o_item;

	// exit if there are no children to open
	if (!o_item.a_children)
		return;

	// show direct child items
	for (var n_order = 0; n_order < o_item.a_children.length; n_order++) {
		var o_curritem = o_item.a_children[n_order];
		o_curritem.e_oelement.style.visibility = 'visible';
		o_curritem.b_visible = true;
	}
}

// --------------------------------------------------------------------------------
function menu_onclick (n_id) {
	var o_item = this.a_index[n_id];
	var s_link = o_item.a_config[1];
	if (!s_link)
		return true;
	if (String(s_link).toLowerCase().indexOf('javascript:') == 0)
		return eval(s_link);
	if (o_item.a_config[2] && o_item.a_config[2]['tw'])
		window.open(s_link, o_item.a_config[2]['tw']);
	else
		window.location = s_link;
		
	// run mouseover timer
	this.o_hidetimer = setTimeout('A_MENUS['+ this.n_id +'].collapse();',
		o_item.getprop('click_delay'));		
	return true;
}

// --------------------------------------------------------------------------------
function menu_onmouseout (n_id) {

	// lookup new item's object	
	var o_item = this.a_index[n_id];

	// apply rollout
	o_item.e_oelement.className = o_item.getstyle(0, 0);
	o_item.e_ielement.className = o_item.getstyle(1, 0);
	
	// update status line	
	o_item.upstatus(7);

	// run mouseover timer
	this.o_hidetimer = setTimeout('A_MENUS['+ this.n_id +'].collapse();',
		o_item.getprop('hide_delay'));
}

// --------------------------------------------------------------------------------
function menu_onmouseover (n_id) {

	// cancel mouseoute menu close and item open delay
	clearTimeout(this.o_hidetimer);
	this.o_hidetimer = null;
	clearTimeout(this.o_showtimer);

	// lookup new item's object	
	var o_item = this.a_index[n_id];

	// update status line	
	o_item.upstatus();

	// apply rollover
	o_item.e_oelement.className = o_item.getstyle(0, 1);
	o_item.e_ielement.className = o_item.getstyle(1, 1);
	
	// if onclick open is set then no more actions required
	if (o_item.getprop('expd_delay') < 0)
		return;

	// run expand timer
	this.o_showtimer = setTimeout('A_MENUS['+ this.n_id +'].expand(' + n_id + ');',
		o_item.getprop('expd_delay'));

}

// --------------------------------------------------------------------------------
// called when mouse button is pressed on menu item
// --------------------------------------------------------------------------------
function menu_onmousedown (n_id) {
	
	// lookup new item's object	
	var o_item = this.a_index[n_id];

	// apply mouse down style
	o_item.e_oelement.className = o_item.getstyle(0, 2);
	o_item.e_ielement.className = o_item.getstyle(1, 2);

	this.expand(n_id);
}

// --------------------------------------------------------------------------------
// menu item Class
// a_config[0] is the menu text.  For example, 'Hotels'
//
function menu_item (o_parent, n_order) {

	// store parameters passed to the constructor
	this.n_depth  = o_parent.n_depth + 1;
	this.a_config = o_parent.a_config[n_order + (this.n_depth ? 3 : 0)];
	
	// return if required parameters are missing
	if (!this.a_config) return;
	
	//alert("n_order: " + n_order + "; this.n_depth: " + this.n_depth);
	//alert("this config: " +  this.a_config.length);
	//alert("parent config: " +  o_parent.a_config.length);
	//alert("o_parent.a_children: " + o_parent.a_children.length);
	

	// store info from parent item
	this.o_root    = o_parent.o_root;
	this.o_parent  = o_parent;
	this.n_order   = n_order;

	// register in global and parent's collections
	this.n_id = this.o_root.a_index.length;
	
	this.o_root.a_index[this.n_id] = this;
	o_parent.a_children[n_order] = this;

	// calculate item's coordinates
	var o_root = this.o_root,
		a_tpl  = this.o_root.a_tpl;

	// assign methods
	this.getprop  = mitem_getprop;
	this.getstyle = mitem_getstyle;
	this.upstatus = mitem_upstatus;

	this.n_x = n_order
		? o_parent.a_children[n_order - 1].n_x + this.getprop('left')
		: o_parent.n_x + this.getprop('block_left');


    //======================================================================
    //***New code to set the begin of the submenu
    //document.body.offsetWidth, document.body.offsetHeight 
    //======================================================================
	this.n_y = n_order
		? o_parent.a_children[n_order - 1].n_y + this.getprop('top')
		: o_parent.n_y + this.getprop('block_top');
		
    //only set for the first item, the rest is set next time using o_parent.a_children[n_order - 1].n_y + this.getprop('top')
    //this.n_y:   275, 300, 100, 125, 200, 400, 425
    if (this.n_depth !=0 && n_order == 0)
    {
    	var numberOfSubMenuItems = o_parent.a_config.length - 4;
        var submenuTotalHeight = g_menuHeight * numberOfSubMenuItems;
        var borderBottom = Math.min(getWindowWidth(), window.screen.height);
        
        //alert("submenuTotalHeight:"+submenuTotalHeight+ "; this.n_y: " + this.n_y + "; borderBottom: " +  borderBottom + "; numberOfSubMenuItems: "+numberOfSubMenuItems);
        
        //relative menu item position + absolute menu position
        var submenuRootY = this.n_y + menuYPos; 
        if (submenuRootY + submenuTotalHeight > borderBottom)
        {
            //alert("submenuTotalHeight:"+submenuTotalHeight+ "; this.n_y: " + this.n_y + "; borderBottom: " +  borderBottom + "; o_parent.a_config.length: "+o_parent.a_config.length);
            var diff = 0;
            if (submenuTotalHeight >= submenuRootY)
            {
              //if the menu is long enough and touch the bottom, then we set it to window's top border - 25.
               diff = submenuRootY - 50;  
            }
            else
            {
                //Otherwise if the menu is no too long, we will just lift it a bit
                diff = submenuRootY + submenuTotalHeight - borderBottom;
            }
            if (this.n_depth == 1)
            {
	            this.n_y  = this.n_y - diff;
	        }
	        else //depth 2 or more
	        {
	            this.n_y = this.n_y - diff; //o_parent.n_y + this.getprop('block_top') - diff;
	        }
	            
              
          //alert("this.n_y: " + this.n_y + "; borderBottom: " +  borderBottom + "; o_parent.a_children.length: "+o_parent.a_children.length);
       
        }
    }
    //======================================================================
    
	// generate item's HMTL
	document.write (
		'<div id="e', o_root.n_id, '_',	this.n_id, 'o" class="', this.getstyle(0, 0), '"', 
		(this.a_config[2] && this.a_config[2]['tt'] ? ' title="' + this.a_config[2]['tt'] + '"' : ''),
		' style="position:absolute;top: ', this.n_y, 'px;left:', this.n_x, 'px;width:',
		this.getprop('width'), 'px;height:', this.getprop('height'), 'px;visibility:hidden;',
		' z-index: ', this.n_depth, ';cursor:', (this.a_config[1] ? 'pointer' : 'default'), '" ',
		'onclick="return A_MENUS[', o_root.n_id, '].onclick(', this.n_id,
		');" onmouseout="A_MENUS[', o_root.n_id, '].onmouseout(', this.n_id,
		');" onmouseover="A_MENUS[', o_root.n_id, '].onmouseover(',
		this.n_id, ');" onmousedown="A_MENUS[', o_root.n_id, '].onmousedown(',
		this.n_id, ');"><div id="e', o_root.n_id, '_',
		this.n_id, 'i" class="' ,this.getstyle(1, 0), '">',
		this.a_config[0], "</div></div>"
	);

	this.e_ielement = document.getElementById('e' + o_root.n_id + '_' + this.n_id + 'i');
	this.e_oelement = document.getElementById('e' + o_root.n_id + '_' + this.n_id + 'o');

	this.b_visible = !this.n_depth;

	// no more initialization if leaf
	if (this.a_config.length < 4)
		return;

	// node specific methods and properties
	this.a_children = [];

	// init downline recursively
	for (var n_order = 0; n_order < this.a_config.length - 3; n_order++)
	{
	    //alert("enter this.a_config.length: " + this.a_config.length);
		new menu_item(this, n_order);
    }
}

// --------------------------------------------------------------------------------
// reads property from template file, inherits from parent level if not found
// ------------------------------------------------------------------------------------------
function mitem_getprop (s_key) {

	// check if value is defined for current level
	var s_value = null,
		a_level = this.o_root.a_tpl[this.n_depth];

	// return value if explicitly defined
	if (a_level)
		s_value = a_level[s_key];

	// request recursively from parent levels if not defined
	return (s_value == null ? this.o_parent.getprop(s_key) : s_value);
}
// --------------------------------------------------------------------------------
// reads property from template file, inherits from parent level if not found
// ------------------------------------------------------------------------------------------
function mitem_getstyle (n_pos, n_state) {

	var a_css = this.getprop('css');
	var a_oclass = a_css[n_pos ? 'inner' : 'outer'];

	// same class for all states	
	if (typeof(a_oclass) == 'string')
		return a_oclass;

	// inherit class from previous state if not explicitly defined
	for (var n_currst = n_state; n_currst >= 0; n_currst--)
		if (a_oclass[n_currst])
			return a_oclass[n_currst];
}

// ------------------------------------------------------------------------------------------
// updates status bar message of the browser
// ------------------------------------------------------------------------------------------
function mitem_upstatus (b_clear) {
	window.setTimeout("window.status=unescape('" + (b_clear
		? ''
		: (this.a_config[2] && this.a_config[2]['sb']
			? escape(this.a_config[2]['sb'])
			: escape(this.a_config[0]) + (this.a_config[1]
				? ' ('+ escape(this.a_config[1]) + ')'
				: ''))) + "')", 10);
}

//findPosY = 
function findCtlY(obj){
    var curtop = 0;
    if (document.getElementById || document.all) {
        while (obj.offsetParent) {
        curtop += obj.offsetTop;
        if (typeof(obj.scrollTop) == 'number')
        curtop -= obj.scrollTop;
        obj = obj.offsetParent;
        }
    }
    else if (document.layers)
        curtop += obj.y;
    return curtop;
}

//findPosX = 
function findCtlX(obj) {
    var curleft = 0;
    if (document.getElementById || document.all) {
    while (obj.offsetParent) {
    curleft += obj.offsetLeft
    obj = obj.offsetParent;
    }
    }
    else if (document.layers)
    curleft += obj.x;
    return curleft;
}

function getWindowHeight()
{
if (document.all)
    {
return document.body.offsetHeight;
    }
else 
    {
return window.innerHeight;
    }
}

function getWindowWidth()
{
if (document.all)
    {
return document.body.offsetWidth;
    }
else 
    {
return window.innerWidth;
    }
}