////////////////////////////////////////////////////////////////////////////////
//                            FONCTIONS   image de fond                       //
////////////////////////////////////////////////////////////////////////////////

			
var icons_on = new Array();
var icons_off = new Array();
var current_site_id = 0;
var effect = null;

Event.observe(window, 'load', loadNavigation, false);


function loadNavigation(){
	var header_icons = document.getElementById('header_icons');
	
	var sites = header_icons.getElementsByTagName('li'); 
	   
    for ( var i=0; i<sites.length; i++ ){
        icons_on[i] = new Image();
		icons_on[i].src = "/images/header_logos/"+sites.item(i).getElementsByTagName('img')[0].className+"_on.png";  
		icons_off[i] = new Image();
		icons_off[i].src = "/images/header_logos/"+sites.item(i).getElementsByTagName('img')[0].className+"_off.png";
		//if (!sites.item(i).hasClassName("current_site")){ 
		if (!Element.hasClassName(sites[i],"current_site")){
			addAnEvent(sites.item(i),'mouseover',showIcon.bind(sites.item(i), i));
            addAnEvent(sites.item(i),'mouseout',hideIcon.bind(sites.item(i), i, i));
            addAnEvent(sites.item(i),'blur',hideIcon.bind(sites.item(i), i, i));
            addAnEvent(sites.item(i),'focus',showIcon.bind(sites.item(i), i));
			$('info_'+i).hide();
    	}
		else current_site_id = i;
		
	}
} 




function showIcon(icon_id){
	if (effect){
		effect.cancel();
		effect = null;
	}
    this.getElementsByTagName('img')[0].src =  icons_on[icon_id].src;  
	effect = new Effect.Appear("info_"+icon_id, {delay:0, duration: 1 } );
	$("info_"+current_site_id).hide();
}

function hideIcon(icon_id){
	if (effect){
		effect.cancel();
		effect = null;
	}
	if (this.className != "current_site") this.getElementsByTagName('img')[0].src =  icons_off[icon_id].src;
	$("info_"+icon_id).hide();
	effect = new Effect.Appear("info_"+current_site_id, {delay:0, duration: 1 } );
}