/*
* Image hover
* Require:jquery.js
*/

function rollOver(){
	
	var suffix = "_on";
	var suffix2 = "_down";
	
	var preLoad = new Object();
	
	$("img.rollover,input.rollover").each(function(){
		var imgSrc = $(this).attr("src");		
		var extension = imgSrc.slice(imgSrc.lastIndexOf("."));
		var name = imgSrc.slice(0, imgSrc.lastIndexOf("."));
		var imgOver = name + suffix + extension;

		preLoad[imgSrc] = new Image();
		preLoad[imgSrc].src = imgOver;
		
		$(this).not("[src*='_on.']").hover(
			function (){ $(this).attr("src", imgOver); },
			function (){ $(this).attr("src", imgSrc); }
		);
		
		if($(this).attr("type") == "image") {
			var imgDown = name + suffix2 + extension;
			preLoad[imgDown] = new Image();
			preLoad[imgDown].src = imgDown;
			
			$(this).mousedown(
				function (){ $(this).attr("src", imgDown); }
			);
			$(this).mouseup(
				function (){ $(this).attr("src", imgOver); }
			);
		}
	});
	
}

$(document).ready(rollOver);