/*
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) {
	//alert(this.getAttribute('hover'));
	$j('#hover'+this.getAttribute('hover')).fadeIn(200);
	//$j($j(elm.target.parentNode).children()[0]).show();
	//alert($j('#hover'+this.getAttribute('hover')));
	
}
var jqoutimg = function(elm) {
	//$('#hover'+this.getAttribute('hover')).stop();
	$j('#hover'+this.getAttribute('hover')).fadeOut(200);
}

var init_rollovers = function() {
	if (!document.getElementById) return;
			
	for (var i = 0; i < document.getElementsByTagName('img').length; i++) {
		var hoverimg = document.getElementsByTagName('img')[i];
				
		if (jQuery(hoverimg).hasClass('hsrc')) jQuery(hoverimg).attr('hsrc', jQuery(hoverimg).attr('src').toString().replace(/\.([a-z]{3})$/, '_hover.$1'));
		
		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=8888+i;
	
		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("#menu a").hover(jqoverimg,jqoutimg);
	
}

//window.onload=init_rollovers;
jQuery(function() {
    init_rollovers();
});