var current="";
function hideAll(){
	for(var s=0;s<sites.length;s++)
	{
		if(document.getElementById(sites[s]))
		{
			document.getElementById(sites[s]).style.display="none";			
		}
		if(document.getElementById("image_"+sites[s]))
		{
			document.getElementById("image_"+sites[s]).style.top="0px";
			document.getElementById("image_"+sites[s]).style.border="2px solid #0072E3";
		}
	}
}
function showPage(id){	
	var tIndex=onImage(id);	
	hideAll();
	if(document.getElementById(id))
	{
		document.getElementById(id).style.display="block";
		onImage(id);
	}
	current=id;
}
function getIndex(id){
	var tIndex,s;
	for(s=0;s<sites.length;s++)
	{	
		if(sites[s]==id)
		{
			return s;			
		}
	}
	return 0;
}
function onImage(id){
	var tIndex,s;	
	if(id!=current)
	{
		var tIndex=getIndex(id);
		if(document.getElementById("image_"+id))
		{
			if(tIndex>3)
			{
				document.getElementById("image_"+id).style.top="5px";
			}
			else
			{
				document.getElementById("image_"+id).style.top="-5px";	
			}
			document.getElementById("image_"+id).style.border="2px solid #FFFFFF";
		}
	}	
}
function offImage(id){
	var tIndex,s;	
	if(id!=current)
	{
		var tIndex=getIndex(id);
		if(document.getElementById("image_"+id))
		{
			document.getElementById("image_"+id).style.top="0px";
			document.getElementById("image_"+id).style.border="2px solid #0072E3";
		}
	}	
}