//Main menu: load onclick images
/*menuImg1= new Image(101,94); 
menuImg1.src="/layouts/img/menu-home-btn-h.png";
menuImg2= new Image(101,94); 
menuImg2.src="/layouts/img/menu-store-btn-h.png";
menuImg3= new Image(101,94); 
menuImg3.src="/layouts/img/menu-news-btn-h.png";
menuImg4= new Image(101,94); 
menuImg4.src="/layouts/img/menu-history-btn-h.png";
menuImg5= new Image(101,94); 
menuImg5.src="/layouts/img/menu-community-btn-h.png";
menuImg6= new Image(101,94); 
menuImg6.src="/layouts/img/menu-contact-btn-h.png";*/

var stateButton = 0;

function menuEvents(thisEl, action, actionType){
	var onClickTop = 5;
	var onClickLeft = 3;
 	var thisID = thisEl.id;
	var elID = thisID.split('-')[0];
	var menuItem = document.getElementById('menu-'+elID);
	var imageEl = menuItem.childNodes[0];
	
	if(actionType == undefined){
		actionType = 'glow';
	}
	
	if(action == 'onmousedown'){
		//var clickSrc = imageEl.src.replace('btn.png', 'btn-h.png');
		//menuItem.childNodes[0].src = clickSrc;
		stateButton = 1;
		menuItem.style.top = menuItem.offsetTop+onClickTop+'px';
		menuItem.style.left = menuItem.offsetLeft+onClickLeft+'px';
	}
	else if(action == 'onmouseup'){
		//var normalSrc = imageEl.src.replace('btn-h.png','btn.png');
		//menuItem.childNodes[0].src = normalSrc;
		stateButton = 0;
		menuItem.style.top = menuItem.offsetTop-onClickTop+'px';
		menuItem.style.left = menuItem.offsetLeft-onClickLeft+'px';
	}
	else if(action == 'onmouseover'){
		if(actionType == 'move'){
			menuItem.style.top = menuItem.offsetTop-4+'px';
			menuItem.style.left = menuItem.offsetLeft-2+'px';
		}
		else{
			var clickSrc = imageEl.src.replace('btn.png', 'btn-h.png');
			menuItem.childNodes[0].src = clickSrc;
		}
	}
	else if(action == 'onmouseout'){
		if(actionType == 'move'){
			menuItem.style.top = menuItem.offsetTop+4+'px';
			menuItem.style.left = menuItem.offsetLeft+2+'px';
		}
		else{
			var normalSrc = imageEl.src.replace('btn-h.png','btn.png');
			menuItem.childNodes[0].src = normalSrc;
		}
		
		
		if(stateButton == 1){
			//var normalSrc = imageEl.src.replace('btn-h.png','btn.png');
			//menuItem.childNodes[0].src = normalSrc;
			//menuItem.style.top = menuItem.offsetTop-onClickTop+'px';
			//menuItem.style.left = menuItem.offsetLeft-onClickLeft+'px';
			menuItem.style.top = menuItem.offsetTop-onClickTop+'px';
			menuItem.style.left = menuItem.offsetLeft-onClickLeft+'px';
			stateButton = 0;
		}
		
	}
}