jQuery.noConflict();
var j$ = jQuery;

j$(function(){

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

	//_on Image
    j$(".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 +')';
		j$(this).wrap("<span class='ho' style=" + style + "></span>");
	});
		
		j$(".ho").css("background-repeat","no-repeat");
		if(!j$.browser.msie){j$(".ho").css("display","block");}
		if(j$.browser.msie && j$.browser.version > 7){j$(".ho").css("display","block");}
	
	//toggle Func
	j$(".hover img").hover(
		function(){			
			j$(this)
			.stop()
			.fadeTo(400, 0);
		},
		function(){
			j$(this)
			.stop()
			.fadeTo(500, 1);
		}
	);
	
	
//////// AlphaOver ////////
	if(!j$.browser.msie){
		j$(".alpha img").hover(
			function(){			
				j$(this)
				.stop()
				.fadeTo(400, .6);
			},
			function(){
				j$(this)
				.stop()
				.fadeTo(500, 1);
			}
		);
	}

});