$(function(){
	var $idx;
	var $imgArray=$("#lacy_img").children();
	var $tagArray=$("#lacy_tag").children();
	var $detailArray=$("#lacy_detail").children();
	$("#conter_dis").hide();
	$("#lacy_img img").mouseover(function(){
		//alert('ok');
		$(this).fadeTo(500,0.5);
		$(this).addClass("imgon");
	});
	
	$("#lacy_img img").mouseout(function(){
		//alert('ok');
		$(this).fadeTo(500,1);
		$(this).removeClass("imgon");
		
	});
	
	$("#lacy_img li").click(function(){
		$idx=$("#lacy_img li").index(this);
		//$("#lacy_img li").hide(2000);
		$("#pic").hide(1000);
		$("#conter_dis").show(1000);
		$tagArray.each(function(){
			$(this).removeClass("std");
			});
		$tagArray.eq($idx).addClass("std");
		$detailArray.each(function(){
			$(this).hide();
			});
		$detailArray.eq($idx).show();
	});
	$("#lacy_tag li").click(function(){
		$idx=$("#lacy_tag li").index(this);
		$tagArray.each(function(){
			$(this).removeClass("std");
			});
		$tagArray.eq($idx).addClass("std");
		$detailArray.each(function(){
			$(this).hide();
			});
		$detailArray.eq($idx).show();
	});
	
	$( ".gohome" ).click(function(){
		$("#pic").show(1000);
		$("#conter_dis").hide(1000);	
	});	

})

