$(window).load(function () {

	$("img.rollover").mouseover(function(){
		$(this).attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"))
	}).mouseout(function(){
		$(this).attr("src",$(this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1$2"));
	}).each(function(){
		$("<img>").attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2"))
	})
	
	//alpha animation
	var onAlpha = 0.6;
	var onDuration = 200;
	var outDuration = 400;
	
	$("a.jsover img").each(function() {
		$(this).mouseover(function() {
			$(this).stop(true, true).animate({opacity: onAlpha}, onDuration);
		}).mouseout(function() {
			$(this).stop(true, true).animate({opacity: 1}, outDuration);
		}).mouseup(function() { $(this).mouseout(); });
	});

})