//AD: Top 500x100
$(function(){
	var timer;
	var img = -1;
	var speed = 10000;
	var fOut = 500, fIn = 300;
	var myImages = $("._client_jq_TopADList_ a");	
	$("#TopAD").slideDown();
	
	$("._client_jq_TopAd_ .link").append("<ul />");
	for(var i=1;i<=myImages.length;i++){
		$("._client_jq_TopAd_ .link ul").append("<li>"+i+"</li>");
	}

	//switch ad when mouse click the tag
	$("._client_jq_TopAd_ .link li").click(function(){
		var idx = $(this).text() - 1;
		img = idx;
		//get the index
		var _link = myImages.eq(idx);
		//get ad list inf
		var adlink=_link.attr("href");
		var adtitle=_link.find("img").attr("title");
		//var addate=_link.find("img").attr("rel");
		var adname=_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");
		
		$("._client_jq_TopAd_ > *:not(.link)").fadeOut(fOut, function(){
			$("._client_jq_TopAd_").find("a").attr({
				href: adlink,
				target: adtarget
			});
			$("._client_jq_TopAd_").find("img").attr("src",adsrc);
			//$("#hint_adname_500x100").value(adname);
			document.getElementById("hint4webtrend_adname_500x100").value = adname
		}).fadeIn(fIn);	
		
		$(this).removeClass("off").addClass("on")
			.siblings().removeClass("on").addClass("off");		
	});

	//Stop rotating when mouse hover on
	$("._client_jq_TopAd_").hover(function(){
		clearTimeout(timer);
	}, function(){
		timer = setTimeout(autoShow, speed);
	});
	
	function autoShow(){
		img = (img+1<myImages.length) ? img+1 : 0;
		$("._client_jq_TopAd_ .link li").eq(img).click();
		timer = setTimeout(autoShow, speed);
	}

	autoShow();
	
});
//AD: Right 240x135
$(function(){
	var timer;
	var img = -1;
	var speed = 10000;
	//var fOut = 500, fIn = 1000;
	var fOut = 500, fIn = 300;
	var myImages = $("._client_jq_RightADList_ a");	
	$("#RightAD").slideDown();
	
	$("._client_jq_RightAd_ .link").append("<ul />");
	for(var i=1;i<=myImages.length;i++){
		$("._client_jq_RightAd_ .link ul").append("<li>"+i+"</li>");
	}

	//switch ad when mouse click the tag
	$("._client_jq_RightAd_ .link li").click(function(){
		var idx = $(this).text() - 1;
		img = idx;
		//index
		var _link = myImages.eq(idx);
		//get ad list inf
		var adlink=_link.attr("href");
		var adtitle=_link.find("img").attr("title");
		//var addate=_link.find("img").attr("rel");
		var adname=_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");
		
		$("._client_jq_RightAd_ > *:not(.link)").fadeOut(fOut, function(){
			$("._client_jq_RightAd_").find("a").attr({
				href: adlink,
				target: adtarget
			});
			$("._client_jq_RightAd_").find("img").attr("src",adsrc);
			document.getElementById("hint4webtrend_adname_240x135").value = adname
		}).fadeIn(fIn);	
		
		$(this).removeClass("off").addClass("on")
			.siblings().removeClass("on").addClass("off");		
	});

	//Stop rotating when mouse hover on
	$("._client_jq_RightAd_").hover(function(){
		clearTimeout(timer);
	}, function(){
		timer = setTimeout(autoShow, speed);
	});
	
	function autoShow(){
		img = (img+1<myImages.length) ? img+1 : 0;
		$("._client_jq_RightAd_ .link li").eq(img).click();
		timer = setTimeout(autoShow, speed);
	}

	autoShow();
	
});