var rollovers = new Array('pnav_home', 'pnav_services', 'pnav_about', 'pnav_sustain', 'pnav_contact');
var images = new Array();
for(var i in rollovers)
{
	images[rollovers[i]] = new Object();
	images[rollovers[i]].off = new Image();
	images[rollovers[i]].off.src = '/images/'+rollovers[i]+'_off.jpg';
	images[rollovers[i]].on = new Image();
	images[rollovers[i]].on.src = '/images/'+rollovers[i]+'_on.jpg';
	
}


function onRollOver(id, compare){
	//alert(id + ", "+compare);
	if(id != compare)
	{
		var a = document.getElementById(id);
		a.src = images[id].on.src;
		
	}


}

function onRollOut(id, compare){
	//alert(id + ", "+compare);
	if(id != compare)
	{
		var a = document.getElementById(id);
		a.src = images[id].off.src;
	}


}

function setRollOnClass(tag){

	tag.className = tag.className+'_over';


}

function setRollOutClass(tag){

	tag.className = tag.className.substr(0, tag.className.length - 5);
}


function highlightItems(){

	for(i=0;i<arguments.length;i++)
	{
		var id = arguments[i];
		var obj = document.getElementById(id);
		setRollOnClass(obj);
	}

}

function unHighlightItems(){

	for(i=0;i<arguments.length;i++)
	{
		var id = arguments[i];
		var obj = document.getElementById(id);
		setRollOutClass(obj);
	}

}

var logos = new Array();

function registerLogo(id){
	logos.push(id);
}
function showLogo(id){
	
	for(i = 0; i < logos.length; i++)
	{
		var a = document.getElementById(logos[i]);
		if(logos[i] == id)
		{
			//switch on
			a.className = 'cologo_on';
		}
		else
		{
			// switch off
			a.className = 'cologo';
		}
	}
}

function hideLogo(id){

	showLogo('default');
}