// gallery

$(function(){

	var phTarget = $(".mainImg .ph li");	
	var capTarget = $(".mainImg .caption li");
	var btnNum = $(".mainImg .icon li");
	var speed = 500;
	var num = 1;
	var maxnum = phTarget.length;

	$(phTarget.get(0)).fadeIn(speed);
	$(capTarget.get(0)).fadeIn(speed);
	
	t = setInterval(function() {fadeImg();}, 5000);
	
	function fadeImg() {
		$(phTarget).hide();
		$(phTarget.get(num)).fadeIn(speed);
		$(capTarget).hide();
		$(capTarget.get(num)).fadeIn(speed);
		$(btnNum).find("img").attr("src","/img/pickup_btn.png");
		$(btnNum.get(num)).find("img").attr("src","/img/pickup_btn_on.png");
		
		$(".debug1").text(maxnum);		
		$(".debug2").text(num);
		
		num++;
				
		if (num == maxnum) {
			num = 0;
		}
	}
	
	//icon Click
	$(".mainImg .icon li a").click(function(){
	
		$(".mainImg .icon li a img").attr("src","/img/pickup_btn.png");			
		$(this).children("img").attr("src","/img/pickup_btn_on.png");
				
		var btnTarget = $(this).parent("li").index();
		$(phTarget).hide();
		$(phTarget.get(btnTarget)).fadeIn(speed);
		$(capTarget).hide();
		$(capTarget.get(btnTarget)).fadeIn(speed);
		
		clearInterval(t);
		
		return false;
	});
	
	

});