/**
* MeDioN
* Utilise une fonction d'utils héhé
*/
var ImageObserver = Class.create({
	initialize: function(){	
		objRef = this;
		Event.observe(window, 'load', function() {
			if(!$('imgHoverDiv')){
				var objBody = $$('body')[0];
				objBody.insert({bottom:'<div id="imgHoverDiv" class="fondGal commonBorder"><div style="padding:3px 5px 5px 5px;"><img src="" id="imgHoverimg" alt="" style="border:1px solid white;" /></div></div>'});
				$('imgHoverDiv').setStyle({'position':'absolute','display':'none','zIndex':'90','border':'1px solid black'});
			}
			
			objRef.updateImageList();
		});
	},
	
	updateImageList: function(){	
		$$('.imgHover').each(function(elem){
			elem.observe('mouseover', function(event){				
				$('imgHoverimg').setAttribute('src',elem.src);
					
				var scrollY = 0;
				if(nav[0]=='IE' && nav[1]==6){
					var scrollXY = getScrollXY();
					scrollY = scrollXY[1];
				}	
		
				$('imgHoverDiv').setStyle({'position':'absolute','left':'0px','top':scrollY+'px'}).show();
				if(nav[0]!='IE' || (nav[0]=='IE' && nav[1]>6)) $('imgHoverDiv').setStyle({'position':'fixed'});
			});
			elem.observe('mouseout', function(event){
				$('imgHoverimg').setAttribute('src','');
				$('imgHoverDiv').setStyle({'position':'absolute','left':'0px','top':'0px'}).hide();
			});
		});
	}
});