/*
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 jqoverimg = function(elm) {
	if (navigator.userAgent.match(/MSIE 7/)) jQuery(this).find('.overimg').show();
	else jQuery(this).find('.overimg').stop(false,true).fadeIn(200);
}
var jqoutimg = function(elm) {
	if (navigator.userAgent.match(/MSIE 7/)) jQuery(this).find('.overimg').hide();
	else jQuery(this).find('.overimg').stop(false,true).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;
		img.className = 'overimg';
	
		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);
	$j("#mnu-accueil").hover(jqoverimg, jqoutimg);
	
	
}

jQuery(function() { init_rollovers(); });