/*
Initialisation des rollovers des images (et preload des images rollover)

 	Exemple d'image qui aura un rollover
	  	<img src="/images/test.jpg" hsrc="/images/test_over.jpg" />
		
		WITH JQUERY AND SMOOTH ROLLOVER...
*/

//var imgTemp;

var jqoverimg = function(elm) {
	$j('#hover'+this.getAttribute('hover')).fadeIn(500);
}
var jqoutimg = function(elm) {
	$j('#hover'+this.getAttribute('hover')).fadeOut(200);
}

var init_rollovers = function() {
	if (!document.getElementById) return;
	//alert('a');
	for (var i = 0; i < document.getElementsByTagName('img').length; i++) {
		if (document.getElementsByTagName('img')[i].getAttribute('inited') == 1 || !document.getElementsByTagName('img')[i].getAttribute('hsrc')) continue;
		var img = new Image();
		img.src=document.getElementsByTagName('img')[i].getAttribute('hsrc');
		img.style.position = 'absolute';
		img.style.border=0;
		img.style.display='none';
		img.style.zIndex=55555+i;
		if (document.getElementsByTagName('img')[i].className=='withborder') img.style.border = '2px solid #fff';
		if (document.getElementsByTagName('img')[i].getAttribute('staff')) img.className = document.getElementsByTagName('img')[i].getAttribute('staff')+'_o';
		document.getElementsByTagName('img')[i].setAttribute('inited',1);
		document.getElementsByTagName('img')[i].parentNode.setAttribute('hover',i);
		img.id = 'hover'+i;
		document.getElementsByTagName('img')[i].parentNode.insertBefore(img,document.getElementsByTagName('img')[i]);

	}
	$j(".basebox a").hover(jqoverimg,jqoutimg);
	$j("#right a").hover(jqoverimg,jqoutimg);
	$j("#onglet a").hover(jqoverimg,jqoutimg);
}

$j(document).ready(init_rollovers);
//window.onload=init_rollovers;