var menuItems=new Array();
var imgPath='assets/images/menu/';

if(document.addEventListener){
	document.addEventListener("DOMContentLoaded", domReady, false);
}
window.onload=function(){
 if(document.attachEvent){
		domReady();
	}	
}
function domReady(){
	setButtonListeners();
	
	/*change highlight img*/
	var images=document.getElementById('menu').getElementsByTagName("img");
	var n=0;
	while(n<images.length){
		if(images[n].className.indexOf("active")==-1){
		}
		else{
			images[n].src=imgPath+images[n].id+'-over.png';
		}
	
		n++;
	}
	
}


function setButtonListeners(){
	var menu=document.getElementById("menu");
	var tmpArr=menu.getElementsByTagName("img");
	menuItems=tmpArr;
	if(tmpArr.length>0){
		var n=0;
		while(n<tmpArr.length){
			var theButton=tmpArr[n];
			if(theButton.addEventListener){
				theButton.addEventListener('mouseover',changeBtn,true);
				theButton.addEventListener('mouseout',changeBtn,true);	
			}
			else if (theButton.attachEvent) {
				theButton.attachEvent('onmouseover',changeBtn);
				theButton.attachEvent('onmouseout',changeBtn);	
			}
			n++;
		}
	}
}



function getElementsByClass(searchClass,node,tag) {
        var classElements = new Array();
        if ( node == null )
                node = document;
        if ( tag == null )
                tag = '*';
        var els = node.getElementsByTagName(tag);
        var elsLen = els.length;
        var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
        for (i = 0, j = 0; i < elsLen; i++) {
                if ( pattern.test(els[i].className) ) {
                        classElements[j] = els[i];
                        j++;
                }
        }
        return classElements;
}


function doChange(el,dir){
	var id=el.id
	if(dir=='on'){
		el.src='assets/images/menu/'+id+'-over.png';
	}
	else{
		el.src='assets/images/menu/'+id+'.png';
	}
}

function changeBtn(evt){
	/*if(console){
		console.log(evt.type);
		console.log('class '+evt.target.className);
		console.log('from '+evt.fromElement);
	}*/
	var theElement=evt.srcElement?evt.srcElement:evt.target;
	var id=theElement.id;
	if(evt.type=="mouseover"){
		theElement.src=imgPath+id+'-over.png';
	}
	else{
		if(theElement.className.indexOf("active")!=0){
			theElement.src=imgPath+id+'.png';
		}
	}
}