//document.onload = initfunc();

var lastClickData = 'Home';
var lastClickMenu = 'homeLi';

function init(){
	var navlinks = document.getElementById("sidebar").getElementsByTagName("li");
	if(window.addEventListener){
		for(var i=0; i< navlinks.length; i++){
		navlinks[i].addEventListener('mouseover',menuMouseOver,false);
		navlinks[i].addEventListener('mouseout',menuMouseOut,false);
		navlinks[i].addEventListener('mousedown',menuMouseDown,false);
		navlinks[i].myflag = i;
		}
	}else{
		for(var i=0; i< navlinks.length; i++){
		navlinks[i].attachEvent('onmouseover',menuMouseOver);
		navlinks[i].attachEvent('onmouseout',menuMouseOut);
		navlinks[i].attachEvent('onmousedown',menuMouseDown);
		navlinks[i].myflag = i;
		}
	}

}

function menuMouseOver(evt) {

	if(navigator.appName == "Microsoft Internet Explorer"){
		text = evt.srcElement.id;
	}else{
		text = evt.currentTarget.id;
		//for Firefox/Safari/Other
	}
	//alert(text);
	
		document.getElementById("homeLi").style.color = 'black';
		document.getElementById(text).style.color = 'white';

}



function menuMouseOut(evt) {

	if(navigator.appName == "Microsoft Internet Explorer"){
		text = evt.srcElement.id;
		//IE7
	}else{
		text = evt.currentTarget.id;
	}
	
	document.getElementById(text).style.color = 'black';

}



function menuMouseDown(evt){

	//alert("MDown");

	if(navigator.appName == "Microsoft Internet Explorer"){
		text = evt.srcElement.id;
	}else{
		text = evt.currentTarget.id;
	}
	
	//alert(lastClickMenu);
	
	switch(text){

	case 'homeLi':
		document.getElementById(lastClickData).style.display = 'none';
		document.getElementById("Home").style.display = 'block';
		
		document.getElementById(lastClickMenu).style.backgroundColor = 'magenta';
		document.getElementById("homeLi").style.backgroundColor = 'Cornsilk';
		
		lastClickData = "Home";
		lastClickMenu = "homeLi";
		
		break;

		
	case 'songsLi':
		document.getElementById(lastClickData).style.display = 'none';
		document.getElementById("Songs").style.display = 'block';
		
		document.getElementById(lastClickMenu).style.backgroundColor = 'magenta';
		document.getElementById("songsLi").style.backgroundColor = 'Cornsilk';
		
		lastClickData = "Songs";
		lastClickMenu = "songsLi";
		
		break;

		
	case 'missionLi':
		document.getElementById(lastClickData).style.display = 'none';
		document.getElementById("Mission").style.display = 'block';
		
		document.getElementById(lastClickMenu).style.backgroundColor = 'magenta';
		document.getElementById("missionLi").style.backgroundColor = 'Cornsilk';
		
		lastClickData = "Mission";
		lastClickMenu = "missionLi";
		
		break;

		
	case 'issuesLi':
		document.getElementById(lastClickData).style.display = 'none';
		document.getElementById("Issues").style.display = 'block';
		
		document.getElementById(lastClickMenu).style.backgroundColor = 'magenta';
		document.getElementById("issuesLi").style.backgroundColor = 'Cornsilk';
		
		lastClickData = "Issues";
		lastClickMenu = "issuesLi";
		
		break;
		
		
	case 'contactLi':
		document.getElementById(lastClickData).style.display = 'none';
		document.getElementById("ContactUs").style.display = 'block';
		
		document.getElementById(lastClickMenu).style.backgroundColor = 'magenta';
		document.getElementById("contactLi").style.backgroundColor = 'Cornsilk';
		
		lastClickData = "ContactUs";
		lastClickMenu = "contactLi";
		
		
		break;
		}
}