$(function(){
	var timer;
	var img = -1;
	var speed = 10000;
	var fOut = 500, fIn = 1000;
	var myImages = $(".list a");	
	$("#banner").slideDown();
	
	//1,2,3加入方格
	$(".link").append("<ul />");
	for(var i=1;i<=myImages.length;i++){
		$(".link ul").append("<li>"+i+"</li>");
	}

	//滑鼠點選頁籤切換
	$(".link li").click(function(){
		var idx = $(this).text() - 1;
		img = idx;
		//抓索引值
		var _link = myImages.eq(idx);
		//取得連結、標題
		var adlink=_link.attr("href"); //取得<a href>
		//var adbody=_link.find("img").attr("alt");
		var adsrc=_link.find("img").attr("src");
		var adtarget=_link.attr("target");

		/*淡入淡出效果*/
		
       /*圖檔淡入出*/
           $("#banner").fadeOut(fOut, function() {
           $("#banner").find("a").attr({
				href: adlink,
				target: adtarget
			});
			$("#banner").find("img").attr("src", adsrc);
		}).fadeIn(fIn);	
		
		$(this).removeClass("off").addClass("on")
			.siblings().removeClass("on").addClass("off");	
		
		var timer=10000;	
	});

	//滑鼠滑入區塊停止自動播放
	$("#banner").hover(function(){
		clearTimeout(timer);
	}, function(){
		timer = setTimeout(autoShow, speed);
	});
	
	function autoShow(){
		img = (img+1<myImages.length) ? img+1 : 0;
		$(".link li").eq(img).click();
		timer = setTimeout(autoShow, speed);
	}

	autoShow();
	
});