/*
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);
	if (navigator.userAgent.match(/MSIE 7/) || navigator.userAgent.match(/MSIE 8/)) jQuery(this).find('.overimg').show();
	else jQuery(this).find('.overimg').stop(false,true).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);
	if (jQuery(this).find('.overimg').hasClass('nohide')) return;
	if (navigator.userAgent.match(/MSIE 7/) || navigator.userAgent.match(/MSIE 8/)) 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("#sidebar-menu a").hover(jqoverimg, jqoutimg);
	$j("#main-menu li").hover(jqoverimg, jqoutimg);
	
}

jQuery(function() { init_rollovers(); });
