//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){
	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(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'){
		var clickSrc = imageEl.src.replace('btn.png', 'btn-h.png');
		menuItem.childNodes[0].src = clickSrc;
	}
	else if(action == 'onmouseout'){
		var normalSrc = imageEl.src.replace('btn-h.png','btn.png');
		menuItem.childNodes[0].src = normalSrc;
		
		if(stateButton == 1){
			menuItem.style.top = menuItem.offsetTop-onClickTop+'px';
			menuItem.style.left = menuItem.offsetLeft-onClickLeft+'px';
			stateButton = 0;
		}
		
	}
}