// JavaScript Document

function init() {
	if(window.alphaPNG) alphaPNG() ; 
	init_navigation(); 	
}

function init_navigation() {
	i = 1
	while(document.getElementById('btn'+i)) {
		document.getElementById('btn'+i).onmouseover = function () { mo(this) }
		document.getElementById('btn'+i).onmouseout = function () { mu(this) }
		i++;
	}
}

function mo(obj) {
	i = obj.id.substring(3,obj.id.length);
	j = parseInt(i) - 1;
	k = parseInt(i);
	
	document.getElementById('btn'+i).style.backgroundPosition = "left -25px";
	
	if(document.getElementById('div'+j)) { 
		if(document.getElementById('div'+j).className.indexOf("selected") != -1) {
			document.getElementById('div'+j).style.backgroundPosition = "left -75px"; 		
		} else if (document.getElementById('div'+j).className.indexOf("preselect") != -1)  { 
			document.getElementById('div'+j).style.backgroundPosition = "left -50px";
		} else {
			document.getElementById('div'+j).style.backgroundPosition = "left -50px"; 	 		
		}
	}
	
	if(document.getElementById('div'+k)) { 
		if(document.getElementById('div'+k).className.indexOf("selected") != -1) {
			document.getElementById('div'+k).style.backgroundPosition = "left -25px"; 		
		} else if (document.getElementById('div'+k).className.indexOf("preselect") != -1)  { 
			document.getElementById('div'+k).style.backgroundPosition = "left -75px";
		} else {
			document.getElementById('div'+k).style.backgroundPosition = "left -25px"; 	 		
		}
	}

}

function mu(obj) {
	i = obj.id.substring(3,obj.id.length);
	j = parseInt(i) - 1;
	k = parseInt(i);
	
	if(document.getElementById('btn'+i).className.indexOf("selected") != -1) {
		document.getElementById('btn'+i).style.backgroundPosition = "left -25px";
	} else {
		document.getElementById('btn'+i).style.backgroundPosition = "left top";		
	}
	
	if(document.getElementById('div'+j)) { 
		if(document.getElementById('div'+j).className.indexOf("selected") != -1) {
			document.getElementById('div'+j).style.backgroundPosition = "left -25px"; 
		} else if (document.getElementById('div'+j).className.indexOf("preselect") != -1)  { 		
			document.getElementById('div'+j).style.backgroundPosition = "left -50px"; 
		}
		else {
			document.getElementById('div'+j).style.backgroundPosition = "left top"; 
		}
	}
	if(document.getElementById('div'+k)) { 
		if(document.getElementById('div'+k).className.indexOf("selected") != -1) {
			document.getElementById('div'+k).style.backgroundPosition = "left -25px"; 		
		} else if (document.getElementById('div'+k).className.indexOf("preselect") != -1)  { 
			document.getElementById('div'+k).style.backgroundPosition = "left -50px";
		} else {
			document.getElementById('div'+k).style.backgroundPosition = "left top"; 	 		
		}
	}
	
}


if(typeof window.addEventListener != 'undefined') {
	window.addEventListener('load', init, false);
} else if(typeof document.addEventListener != 'undefined') {
	document.addEventListener('load', init, false);
} else if(typeof window.attachEvent != 'undefined') {
	window.attachEvent('onload', init);
}