var rollovers = new Array('pnav_home', 'pnav_challenge', 'pnav_doers', 'pnav_actions', 'pnav_partnerships', 'pnav_contact');
var tnav_rollovers = new Array ( ) ;
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.gif';
	images[rollovers[i]].on = new Image();
	images[rollovers[i]].on.src = 'images/'+rollovers[i]+'_on.gif';
	
}


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);
		if ( obj ) setRollOnClass(obj);
		else ( alert ("dead reference : " + id));
	}

}

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');
}


function createTnav ( elementid , img_off, img_over , isActive )
{
	var source;
	if ( ! tnav_rollovers [ elementid ] )
	{
		//alert ("createTnav : " + elementid );
		tnav_rollovers [ elementid ] = new Object();
		tnav_rollovers [ elementid ].off = new Image();
		tnav_rollovers [ elementid ].off.src = img_off;
		tnav_rollovers [ elementid ].on = new Image();
		tnav_rollovers [ elementid ].on.src = img_over;
		
	}
	
	source = tnav_rollovers [ elementid ];
	
	var target = document.getElementById( elementid );
	var image = document.createElement("img");
	image.src = source.off.src;
	target.appendChild( image );
	var t = this;
	target.onmouseover = function () { t.tnavRollOver ( image, source ); }
	target.onmouseout = function () { t.tnavRollOut ( image, source ); }
	
}


function tnavRollOver ( image, data )
{
	image.src = data.on.src;
}

function tnavRollOut ( image, data )
{
	image.src = data.off.src;
}