//THUMBNAIL RollOver
$(function(){
	$('a.thumb').hover(
		function(){
			$(this).fadeTo(100, 0.7);//MouseOver
		},
		function(){
			$(this).fadeTo(300, 1.0);//MouseOut
		}
	);

//ItemList OTHER Item List
	$('.itemPhoto').hover(
		function(){
			$(this).addClass("hover");
			var other_thumbs = $(this).children("ul.otherThumb");
			var other_thumbs_height = $(this).height();

			var item_box = $(this).parent(".itemBox");
			$(this).parent(".itemBox").css("z-index","20");

			$(this).children("ul.otherThumb").show();
//			$(this).children("ul.otherThumb").height(other_thumbs_height + 10);
			$(this).css("z-index","50");
			$(this).children("ul.otherThumb").css("z-index","80");
//			$(this).next().css("z-index","10");
		},
		function(){
			$(this).removeClass("hover");
			$(this).children("ul.otherThumb").hide();
			$(this).parent(".itemBox").css("z-index","1");
			$(this).css("z-index","1");
		}
	);


//Item Detail
	var mainSrc = $('.itemMainPhoto img').attr("src");
	$('ul.otherPhoto li a').hover(
		function(){
			var thisSrc = $(this).attr("href");
			$('.itemMainPhoto img').attr("src",thisSrc);
		},
		function(){
			var thisSrc = $(this).attr("href");
			$('.itemMainPhoto img').attr("src",mainSrc);
		}
	);
});