// setup globals

var trigger;

var curr_menu;



// menu rectangles


var menu_rect_1 = [0,   123, 132, 233];

var menu_rect_2 = [115, 123, 247, 233];

//var menu_rect_4 = [200, 123, 332, 233];

//var menu_rect_5 = [325, 123, 464, 233];

var menu_rect_4 = [270, 123, 402, 233];



// mouse tracking

var mouse_x;

var mouse_y;

var offset_scroll_x;

var offset_scroll_y;



// boudaries of the open menu


var max_left

var max_top

var max_right

var max_bottom;



// menu bar stuff

var navbar_height 	= 32;

var menuitem_height = 18;



Init_Menus();



function Init_Menus()

{

	if(document.getElementById('bts_nav1').attachEvent)

	{//ie

		document.getElementById('bts_nav1').attachEvent('onmouseover', bts_Mouse_Over);

		document.getElementById('bts_nav2').attachEvent('onmouseover', bts_Mouse_Over);

		document.getElementById('bts_nav3').attachEvent('onmouseover', bts_Mouse_Over);

		document.getElementById('bts_nav4').attachEvent('onmouseover', bts_Mouse_Over);

		document.getElementById('bts_nav5').attachEvent('onmouseover', bts_Mouse_Over);

		//document.getElementById('bts_nav6').attachEvent('onmouseover', bts_Mouse_Over);

		

		document.getElementById('bts_nav1').attachEvent('onclick', bts_Menu_CloseAll);	

		document.getElementById('bts_nav2').attachEvent('onclick', bts_Menu_CloseAll);	

		document.getElementById('bts_nav3').attachEvent('onclick', bts_Menu_CloseAll);	

		document.getElementById('bts_nav4').attachEvent('onclick', bts_Menu_CloseAll);	

		document.getElementById('bts_nav5').attachEvent('onclick', bts_Menu_CloseAll);	

		//document.getElementById('bts_nav6').attachEvent('onclick', bts_Menu_CloseAll);	

		

		document.getElementById('bts_navmenu_1').attachEvent('onclick', bts_Menu_CloseAll);	

		document.getElementById('bts_navmenu_2').attachEvent('onclick', bts_Menu_CloseAll);	

		document.getElementById('bts_navmenu_4').attachEvent('onclick', bts_Menu_CloseAll);	

		//document.getElementById('bts_navmenu_5').attachEvent('onclick', bts_Menu_CloseAll);	

	} else {//mozilla

		document.getElementById('bts_nav1').addEventListener('mouseover', bts_Mouse_Over, false);	

		document.getElementById('bts_nav2').addEventListener('mouseover', bts_Mouse_Over, false);	

		document.getElementById('bts_nav3').addEventListener('mouseover', bts_Mouse_Over, false);	

		document.getElementById('bts_nav4').addEventListener('mouseover', bts_Mouse_Over, false);

		document.getElementById('bts_nav5').addEventListener('mouseover', bts_Mouse_Over, false);

		//document.getElementById('bts_nav6').addEventListener('mouseover', bts_Mouse_Over, false);

		

		document.getElementById('bts_nav1').addEventListener('click', bts_Menu_CloseAll, false);	

		document.getElementById('bts_nav2').addEventListener('click', bts_Menu_CloseAll, false);	

		document.getElementById('bts_nav3').addEventListener('click', bts_Menu_CloseAll, false);	

		document.getElementById('bts_nav4').addEventListener('click', bts_Menu_CloseAll, false);	

		document.getElementById('bts_nav5').addEventListener('click', bts_Menu_CloseAll, false);	

		//document.getElementById('bts_nav6').addEventListener('click', bts_Menu_CloseAll, false);	

		

		document.getElementById('bts_navmenu_1').addEventListener('click', bts_Menu_CloseAll, false);	

		document.getElementById('bts_navmenu_2').addEventListener('click', bts_Menu_CloseAll, false);	

		document.getElementById('bts_navmenu_4').addEventListener('click', bts_Menu_CloseAll, false);	

		//document.getElementById('bts_navmenu_5').addEventListener('click', bts_Menu_CloseAll, false);	

	}

}



/*	{{{

	

	EVENT FUNCTIONS

	

	}}} */

function bts_Mouse_Over(m_event)

{

	// IE or Mozilla?

	if(m_event.srcElement)

	{

		trigger = m_event.srcElement.id;

	} else if(m_event.target) {

		trigger = m_event.target.id;

	}









	// is user over a menu trigger?


	switch(trigger)

	{

		case 'bts_nav1': 

			bts_Menu_CloseAll('bts_nav1');

			bts_Menu_Open(m_event, menu_rect_1, 'bts_navmenu_1', 0, 0);

			break;

			


		case 'bts_nav2':

			bts_Menu_CloseAll('bts_nav2');

			bts_Menu_Open(m_event, menu_rect_2, 'bts_navmenu_2', 115, 0);

			break;

		

		case 'bts_nav3':

			bts_Menu_CloseAll('bts_nav3');

			break;

			

		case 'bts_nav4':

			bts_Menu_CloseAll('bts_nav4');

			bts_Menu_Open(m_event, menu_rect_4, 'bts_navmenu_4', 270, 0);

			break;

			

		case 'bts_nav5':

			bts_Menu_CloseAll('bts_nav5');

			break;



		/*case 'bts_nav6':

			bts_Menu_CloseAll('bts_nav6');

			break;   */

	}

}







function bts_Mouse_Out(m_event)

{

	if(m_event.clientY <= 130)

	{

		bts_Menu_CloseAll();

	}

}







/*	{{{

	

	HIDE/SHOW DIV FUNCTIONS


	

	}}} */

function bts_Menu_Open(m_event, menu_rect, menuname, locx, locy)

{

	// height of menu bar



	// get instance of menu to be opened/closed 

	var menu = document.getElementById(menuname);

	

	menu.style.left 	= locx + 'px';

	menu.style.top 		= navbar_height + locy + 'px';

	menu.style.zIndex	= 10;

	menu.style.display 	= 'inline';

	

	// set globals for menu boundaries

	max_left 	= menu_rect[0];

	max_top 	= menu_rect[1];

	max_right 	= menu_rect[2];

	max_bottom 	= menu_rect[3];

	

	if(m_event.srcElement)

	{

		document.getElementById('container').attachEvent('onmousemove', bts_Mouse_Move);

		var iebody = (document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body

		offset_scroll_x =  parseInt((document.body.offsetWidth - 800)/2);

		offset_scroll_y = document.all? iebody.scrollTop : pageYOffset	

	} else if(m_event.target) {

		window.onmousemove 	= bts_Mouse_Move;

		offset_scroll_x = parseInt((window.innerWidth-824)/2);

		offset_scroll_y = window.pageYOffset;

	}

}







function bts_Mouse_Move(m_event)

{

	//alert(offset_scroll_y);

	// setup mouse coordinates

	mouse_x 	= m_event.clientX-offset_scroll_x;

	mouse_y 	= m_event.clientY+offset_scroll_y;

	var point 	= [mouse_x, mouse_y];

	var rect	= [max_left, max_top, max_right, max_bottom];

	

	if(!Point_In_Rect(point, rect))

	{

		bts_Menu_CloseAll();

	}

}













function bts_Menu_CloseAll(trigger)

{

	if(trigger != 'bts_nav1') {bts_Menu_Close('bts_navmenu_1');}

	if(trigger != 'bts_nav2') {bts_Menu_Close('bts_navmenu_2');}

	if(trigger != 'bts_nav4') {bts_Menu_Close('bts_navmenu_4');}

	//if(trigger != 'bts_nav5') {bts_Menu_Close('bts_navmenu_5');}

}



function bts_Menu_Close(menuname)

{

	var menu = document.getElementById(menuname);

	menu.style.display = 'none';

}













function Point_In_Rect(point, rect)

{

	var x = point[0];

	var y = point[1];

	if(x < rect[0]) {return false;}

	if(x > rect[2]) {return false;}

	if(y < rect[1]) {return false;}

	if(y > rect[3]) {return false;}

	return true;

}
