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

var jqoutimg2 = function(elm) {
	//$('#hover'+this.getAttribute('hover')).stop();
	$j('#hover'+this.getAttribute('hover')).hide(0);
}

var init_rollovers = function() {
	if (!document.getElementById) return;
	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=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(".menucol a").hover(jqoverimg,jqoutimg);
	$j("#viewer a").hover(jqoverimg2,jqoutimg2);


}

//window.onload=init_rollovers;