// JavaScript Document

function myAddEvent(eventObject, eventName, eventHandler){ //note: do not use 'on' before eventName
	if(eventObject.attachEvent){
		eventObject.attachEvent('on'+eventName, eventHandler);
	}else if(eventObject.addEventListener){
		eventObject.addEventListener(eventName, eventHandler, false);
	}else{
		//eval(eventObject.toString()+'.on'+eventName+'='+eventHandler);
	}
}

var shownMenuIndex=-1;
function initMenu(event){
	var pop1=document.getElementById('pop1');
	var pop2=document.getElementById('pop2');
	var pop3=document.getElementById('pop3');
	var pop4=document.getElementById('pop4');
	var pop5=document.getElementById('pop5');
	var pop6=document.getElementById('pop6');
	var pop7=document.getElementById('pop7');
	
	function swapMenuState(index){
		var obj=document.getElementById('submenu'+shownMenuIndex);
		if(obj)
			obj.style.display='none';
		document.getElementById('submenu'+index).style.display='block';
		shownMenuIndex=index;
	}
	
	myAddEvent(pop1, 'mouseover', function(){swapMenuState(1)});
	myAddEvent(pop2, 'mouseover', function(){swapMenuState(2)});
	myAddEvent(pop3, 'mouseover', function(){swapMenuState(3)});
	myAddEvent(pop4, 'mouseover', function(){swapMenuState(4)});
	myAddEvent(pop5, 'mouseover', function(){swapMenuState(5)});
	myAddEvent(pop6, 'mouseover', function(){swapMenuState(6)});
	myAddEvent(pop7, 'mouseover', function(){swapMenuState(7)});
}

function initBussinessButtons(event){
	var button1=document.getElementById('bussiness_btn1');
	var button2=document.getElementById('bussiness_btn2');
	var button3=document.getElementById('bussiness_btn3');
	
	function swapBtnState(index){
		var obj=null;
		obj=document.getElementById('bussiness_btn'+index);
		obj.src=obj.src.replace('.jpg','_hi.jpg');
	}
	
	function hideBtnState(index){
		var obj=document.getElementById('bussiness_btn'+index);
		obj.src=obj.src.replace('_hi.jpg','.jpg');
	}
	
	myAddEvent(button1, 'mouseover', function(){swapBtnState(1)});
	myAddEvent(button2, 'mouseover', function(){swapBtnState(2)});
	myAddEvent(button3, 'mouseover', function(){swapBtnState(3)});
	
	myAddEvent(button1, 'mouseout', function(){hideBtnState(1)});
	myAddEvent(button2, 'mouseout', function(){hideBtnState(2)});
	myAddEvent(button3, 'mouseout', function(){hideBtnState(3)});
}

myAddEvent(window, 'load', initMenu);
myAddEvent(window, 'load', initBussinessButtons);