﻿$(function(){
	var timer;
	var img = -1;
	//輪播停留時間
	var speed = 5000;
 
	//淡入淡出時間　
	var fOut = 500, fIn = 300;
	var myImages = $(".list a");	
	$("#TopAD").slideDown();
 
	$(".link").append("<ul />");
	for(var i=1;i<=myImages.length;i++){
		if(i<=6){
		var _link = myImages.eq(i-1)
			if(i>1){
			$(".link ul").append("<li><span style='display:none'>"+i+"</span><a href='#' onclick='return false;'><img src='"+_link.find("img").attr("src")+"'  style='filter:alpha(opacity=50); opacity:.5; ' id='mimg_"+i+"' /></a>"+"</li>");
			}else{
				$(".link ul").append("<li><span style='display:none'>"+i+"</span><a href='#' onclick='return false;'><img src='"+_link.find("img").attr("src")+"'   id='mimg_"+i+"' /></a>"+"</li>");
			}
		}
	}
	
 
	//滑鼠點選頁籤切換
	$(".link li").click(function(){
		var idx = $(this).text() - 1;
		img = idx;
		//抓索引值
		var _link = myImages.eq(idx);
		for(var i=1;i<=myImages.length;i++){
			if(i<=6){
					$("#mimg_"+i).css('opacity', 0.5);
			}
		}
		//取得連結、標題、內文、日期...
		var adlink=_link.attr("href");
		var adtitle=_link.find("img").attr("title");
		var addate=_link.find("img").attr("rel");
		var adbody=_link.find("img").attr("alt");
		var adsrc=_link.find("img").attr("src");
		var adlink=_link.attr("href");
		var adtarget=_link.attr("target");
 		//var adtarget = "_blank";
		/*淡入淡出效果*/
		$(".TopAdleft > *:not(.link)").fadeOut(fOut, function(){
			$(".TopAdleft h2").find("a").attr({
				href: adlink,
				target: adtarget
			});
			$(".TopAdleft h2 a").html(adtitle);
 
			$(".TopAdleft .Adbody").find("a").attr({
				href: adlink,
				target: adtarget
			});
		}).fadeIn(fIn);
		$(".TopAdright").fadeOut(fOut, function(){
			$(".TopAdright").find("a").attr({
				href: adlink,
				target: adtarget
			});
			$(".TopAdright").find("img").attr("src",adsrc);
		}).fadeIn(fIn);	
 $("#mimg_"+(idx+1)).css('opacity', 1);
		$(this).removeClass("off").addClass("on")
			.siblings().removeClass("on").addClass("off");		
	});
 
	//當滑鼠滑入區塊停止自動播放
	$("#TopAD").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();	
});

