$(window).load(function(){
	runNews();
	runLargeAds();
});


function runLargeAds(){
	var timer;
	var img = -1;
	var speed = 10000;
	var fOut = 500, fIn = 1000;
	var myImages = $(".list a");	
	$("#TopAD").slideDown();
	
	$(".link").append("<ul />");
	for(var i=1;i<=myImages.length;i++){
		//$(".link ul").append("<li><img src=\"img/ad/ad00"+i+".jpg\" /></li>");
		$(".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");
		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");
		
		/*淡入淡出效果*/
		$(".TopAdleft > *:not(.link)").fadeOut(fOut, function(){
			$(".TopAdleft h2").find("a").attr({
				href: adlink,
				target: adtarget
			});
			$(".TopAdleft h2 a").html(adtitle);
			//post by minwt on←自可更換成張貼者的作者名稱 
			//$(".TopAdleft .AdDate").html("Post by Minwt on"+addate);
			$(".TopAdleft .AdDate").html(addate);
			
			$(".TopAdleft .Adbody a").html(adbody);
			$(".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);	
		
		$(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();
	
}







// 新聞輪翻設定

function runNews(){
		// 先取得 div#ShowNews ul
		// 接著把 ul 中的 li 項目再重覆加入 ul 中(等於有兩組內容)
		// 再來取得 div#ShowNews 的高來決定每次跑馬燈移動的距離
		// 設定跑馬燈移動的速度及輪播的速度
		var $marqueeUl = $('div#ShowNews ul'),
			_marqueeUlHtml = $marqueeUl.html(),
			_height = $('div#ShowNews').height() * -1,
			scrollSpeed = 600,
			timer,
			speed = 3000 + scrollSpeed,
			direction = 0,	// 0 表示往上, 1 表示往下
			_lock = false,
			_showItems = 5, // 一次顯示幾個
			_moveItems = 2; // 一次移動幾個
			
 		$("div#ShowNews").css("height", _showItems * _height * -1); // 重新設定div的高度
		$("#NewsBtn .btn").css("top", (_showItems - 1) * _height * -1 / 2); // 重新設定marquee_btn的margin-top
 
		if(_showItems >= $marqueeUl.children('li').length) return;
 
		var $marqueeli = $marqueeUl.append(_marqueeUlHtml+_marqueeUlHtml).children();
		
		// 先把 $marqueeli 移動到第二組
		$marqueeUl.css('top', $marqueeli.length / 3 * _height);
		
		// 幫左邊 $marqueeli 加上 hover 事件
		// 當滑鼠移入時停止計時器；反之則啟動
		$marqueeli.hover(function(){
			clearTimeout(timer);
		}, function(){
			timer = setTimeout(showad, speed);
		});
		
		// 判斷要往上還是往下
		$('#NewsBtn .btn').click(function(){
			if(_lock) return;
			clearTimeout(timer);
			direction = $(this).attr('id') == 'btn_prev' ? 0 : 1;
			showad();
		});
		
		// 控制跑馬燈上下移動的處理函式
		function showad(){
			_lock = !_lock;
			var _now = $marqueeUl.position().top / _height;
			_now = (direction ? _now - _moveItems + $marqueeli.length : _now + _moveItems)  % $marqueeli.length;
			// $marqueeUl 移動
 
			$marqueeUl.animate({
				top: _now * _height
			}, scrollSpeed, function(){
				// 如果已經移動到第二組時...則馬上把 top 設回到第一組的最後一筆
				// 藉此產生不間斷的輪播
 
				if(_now + _moveItems >= $marqueeli.length / 3 * 2){
					$marqueeUl.css('top', $marqueeli.length / 3 * _height - _height * ($marqueeli.length / 3 * 2 - _now));
				}else if(_now < $marqueeli.length / 3 ){
				
					$marqueeUl.css('top', $marqueeli.length / 3 * _height + (_height* _now));
				}
				_lock = !_lock;
			});
			
			// 再啟動計時器
			timer = setTimeout(showad, speed);
		}
		
		// 啟動計時器
		timer = setTimeout(showad, speed);
 
		$('a').focus(function(){
			this.blur();
		});
}