$(document).ready(function(){

	/*********************************** 首頁 KV 區塊 start *****************************************/
	var nowKV=1;
	var kvDataXML;
	var kvAmount;
	var kvXArray=[];
	var kvTimer;
	
	function generateIndexKV(){
		var kvP=$('<ul id="kvP">');
		var kvSwitcher=$('<ul id="kvSwitcher">');
		for(var i=1; i<=kvAmount; i++){
			var kv=kvDataXML.find("kv:eq("+(i-1)+")");
			var href=kv.attr("href");
			var src=kv.attr("src");
			var target=kv.attr("target");
			if(href=="#" || href.length==0){
				kvP.append('<li><a><img src="'+src+'" /></a></li>');
			}else{
				kvP.append('<li><a href="'+href+'" target="'+target+'"><img src="'+src+'" /></a></li>');
			}
			kvSwitcher.append('<li><a href="#">'+i+'</a></li>');
			kvXArray.push(-(i-1)*700);
		}
		kvP.css("width", kvAmount*700);
		var kvTopBtm=$('<div class="indexKVTop"></div><div class="indexKVBtm"></div>');
		$("#indexKV").append(kvP);
		if(kvAmount>1){
			$("#indexKV").append(kvSwitcher);
		}
		$("#indexKV").append(kvTopBtm);
	}
	
	function enableKVSwitch(){
		$("#indexKV #kvSwitcher li").each(function(i){
			$(this).data("n", (i+1));
			$(this).find("a").click(function(){
				nowKV=$(this).parent().data("n");
				switchKV();
				return false;
			}).focus(function(){
				$(this).blur();
			});
			if(i+1==nowKV){
				$(this).find("a").trigger("click");
			}
		});
	}
	
	function switchKV(){
		clearTimeout(kvTimer);
		$("#indexKV #kvSwitcher li").each(function(i){
			$(this).removeClass();
			if(i+1==nowKV){
				$(this).addClass("now");
			}
		});
		$("#kvP").stop().animate({
			left: kvXArray[nowKV-1]
		}, {
			duration:500,
			queue: false,
			complete: function(){
				startKVTimer();
			}
		});
	}
	
	function startKVTimer(){
		kvTimer=setTimeout(function(){
			var nextKV=(nowKV==kvAmount)? 1 : (nowKV+1);
			$("#kvSwitcher li:eq("+(nextKV-1)+") a").trigger("click");
		}, 5000);
	}
	
	function loadIndexKVData(){
		$.ajax({
			url: "indexKVData.asp?r="+Math.floor(Math.random()*10000),
			success: function(xml){
				kvDataXML=$(xml);
				kvAmount=kvDataXML.find("kv").size();
				generateIndexKV();
				enableKVSwitch();
				if(kvAmount>1){
					startKVTimer();
				}
			}
		});
	}
	loadIndexKVData();
	/*********************************** 首頁 KV 區塊 end *****************************************/


	/*********************************** 首頁 兩 banner 區塊 start *****************************************/
	function loadSideBannerData(){
		$("#sideBanner").load("sideBannerData.asp?r="+Math.floor(Math.random()*10000), function(){
			$("#sideBanner a:first-child").addClass("first");
		});
	}
	loadSideBannerData();
	/*********************************** 首頁 兩 banner 區塊  end *****************************************/
	
	
	/*********************************** 首頁 了解產品 下方 旋轉木馬 start *****************************************/
	var nowAward=1;
	var awardAmount=$(".carouselCTContainer ul li").size();
	var awardXArray=[];
	
	function switchAward(){
		$(".carouselCTContainer ul").stop().animate({
			left: awardXArray[nowAward-1]
		}, {
			duration:500,
			queue: false
		});
	}
	
	function enableCarousel(){
		for(var i=1; i<=awardAmount; i++){
			awardXArray.push(-(i-1)*240);
		}
		$(".carouselCTContainer ul li a").each(function(i){
			if($(this).attr("href")=="#" || $(this).attr("href")=="" || !$(this).attr("href")){
				$(this).addClass("noLink");
				$(this).removeAttr("href");
			}
		});
		$(".carouselCTContainer ul").css("width", awardAmount*240);
		$(".boxBottom2 .arrowL").click(function(){
			var prevAward=(nowAward==1)? awardAmount : (nowAward-1);
			nowAward=prevAward;
			switchAward();
			return false;
		}).focus(function(){
			$(this).blur();
		});
		$(".boxBottom2 .arrowR").click(function(){
			var nextAward=(nowAward==awardAmount)? 1 : (nowAward+1);
			nowAward=nextAward;
			switchAward();
			return false;
		}).focus(function(){
			$(this).blur();
		});
		if(awardAmount==1){
			$(".boxBottom2 .arrowL").add(".boxBottom2 .arrowR").hide();
		}
	}
	enableCarousel();
	/*********************************** 首頁 了解產品 下方 旋轉木馬  end *****************************************/

});