//hover images
window.addEvent("domready",initHover);

function initHover(){
	document.getElements("img").each(function(thisImage){	
		if(thisImage.hoversetup != true){
			thisImage.intOut = 0;
			outDelay = 10;
			menu = $(thisImage.getProperty('menu'));
			if(menu){var myFx = new Fx.Tween(menu,{duration:'short'});}
			function doOver(){
				$clear(thisImage.intOut);
				if(thisImage.hoverDisabled != true){
					thisImage.src = thisImage.getProperty('hover');
				}
				menu = $(thisImage.getProperty('menu'));
				if(menu){
					//menu.fade('in');
					myFx.cancel();
					myFx.start('height',menu.origHeight + 'px');
					myFx.addEvent('complete',function(){this.setStyle('overflow','visible');}.bind(menu));
				}
			}
			function doOut(){
				thisImage.src = thisImage.origSrc;
				menu = $(thisImage.getProperty('menu'));
				if(menu){
					//menu.fade('out');
					myFx.cancel();
					menu.setStyle('height','0px');
					menu.setStyle('overflow','hidden');
				}
			}
			if(thisImage.getProperty('hover') != null && thisImage.origSrc == null){
				//get associated menu and pre-hide it
				menu = $(thisImage.getProperty('menu'));
				if(menu){
					//menu.fade('hide'); 
					menu.origHeight = menu.getHeight();
					menu.setStyle('height','0px');
					menu.setStyle('visibility','visible');
				}
				
				//preload hover image
				preload_image = new Image();
				preload_image.src=thisImage.getProperty('hover'); 
				
				//Swap on mouse over
				thisImage.origSrc = thisImage.src;
				thisImage.addEvent("mouseover",doOver);
				
				//Swap back on mouse out
				thisImage.addEvent("mouseout",function(){thisImage.intOut = doOut.delay(outDelay);});
				
				//if menu associated, add events to it
				if(menu){
					menu.addEvent("mouseover",doOver)
					menu.addEvent("mouseout",function(){thisImage.intOut = doOut.delay(outDelay);});
				}
			}
		}
		thisImage.hoversetup = true;
	});
}