//jump menu
$(function(){
	// 預設顯示第一個 Tab
	var _showTab = 0;
	$("#tab11").show();
	$('.abgne_tab').each(function(){
		// 目前的頁籤區塊
		var $tab = $(this);

		$('ul.tabs1 li', $tab).eq(_showTab).addClass('active');
		$('.tab_content', $tab).hide().eq(_showTab).show();
		
		// 當 li 頁籤被點擊時...
		// 若要改成滑鼠移到 li 頁籤就切換時, 把 click 改成 mouseover
		$('ul.tabs1 li', $tab).mouseover(function() {
			// 找出 li 中的超連結 href(#id)，adian改成attr('id')
			var $this = $(this),
				_clickTab = $this.find('a').attr('id');
			// 把目前點擊到的 li 頁籤加上 .active
			// 並把兄弟元素中有 .active 的都移除 class
			$this.addClass('active').siblings('.active').removeClass('active');
			// 淡入相對應的內容並隱藏兄弟元素
			$(_clickTab).stop(false, true).fadeIn().siblings().hide();

			return false;
		}).find('a').focus(function(){
			this.blur();
		});
	
	});
});


//blue,green,red三行式

$(function(){
	var timer;
	var i = -1;
	var speed = 2000;//停留秒數
	var alpha=0.8;//說明文底的透明度0~1
	var myItembox = $(".ItemBox img");
	$("#ShowBox").css("display","block");
	$("#ShowBox").html($(".ItemBox img").attr("name"));
	$("#ShowBox").css("opacity",alpha);
	var winwidth2 = $(window).width();
	
	$(window).bind('resize', function() { winwidth2 = $(window).width();});

	myItembox.mouseover(function(){		
		var bfleft = $(".ItemBox img:first").offset().left;
		var afleft = $(this).offset().left;
		var winwidth = $(window).width();
		var diffleft= (afleft-bfleft)/227;
		var imginfo=$(this).attr("name");
		var $position = $(this).offset();
		
		$("#ShowBox").css({
			top: $position.top-90+ "px",
			left: $position.left-bfleft+27+(winwidth2-winwidth)/2+"px"
		});
		
		//change msgbox bgcolor
		if(diffleft>2) {$("#ShowBox").css("background-color","#F6C");$("#ShowBox").css("color","#FCF");}
		else if(diffleft>1) {$("#ShowBox").css("background-color","#6F0");$("#ShowBox").css("color","#060");}
		else {$("#ShowBox").css("background-color","#6CF");$("#ShowBox").css("color","#36F");}
		
		$("#ShowBox").html(imginfo);
		i = myItembox.index($(this));
			
		
		return false;	
	}).hover(function(){//滑入時停止輪播
		clearTimeout(timer);
	}, function(){
		timer = setTimeout(autoShow, speed);
	});

	//滑入時停止輪播
	$("#ShowBox").hover(function(){
		//alert("sb:"+$("#ShowBox").css("left"));

		clearTimeout(timer);
	}, function(){
		timer = setTimeout(autoShow, speed);
	});
	
	//自動輪播函數
	function autoShow(){
		//myItembox.eq(i).css("opacity", alpha);
		if(i+1<myItembox.length){
			i++;
		}else{
			i=0;
		}
		myItembox.eq(i).mouseover();
		timer = setTimeout(autoShow, speed);
	}
	//啟動自動輪播
	autoShow();
});