$(function(){

//////// ChangeOver ////////

	//_on Image
    $(".hover img")
		.each(function(){
    	var imgSrc = this.src;
    	var length = imgSrc.lastIndexOf('.');
    	var overImg = imgSrc.substr(0, length - 4) + '_on' + imgSrc.substr(length, 4);
		
		var style = 'background:url('+ overImg +')';
		$(this).wrap("<span class='ho' style=" + style + "></span>");
	});
		
		$(".ho").css("background-repeat","no-repeat");
		if(!$.browser.msie){$(".ho").css("display","block");}
	
	//toggle Func
	$(".hover img").hover(
		function(){			
			$(this)
			.stop()
			.fadeTo(400, 0);
		},
		function(){
			$(this)
			.stop()
			.fadeTo(250, 1);
		}
	);
	
	
//////// AlphaOver ////////
	$(".alpha img").hover(
		function(){			
			$(this)
			.stop()
			.fadeTo(400, .5);
		},
		function(){
			$(this)
			.stop()
			.fadeTo(250, 1);
		}
	);

});