// JavaScript Document

/*==【形象區的切換】==*/
$(function(){
	// 先取得必要的元素並用 jQuery 包裝
	// 再來取得 $slides 的高度及設定動畫時間
	var $block = $('#abgneBlock'),
		$slides = $('#player ul.list', $block),
		_height = $slides.find('li').height(),
		$li = $('li', $slides),
		_animateSpeed = 300, 
		timer, _speed = 6000;
	
	// 產生 li 選項
	var _str = '';
	for(var i=0, j=$li.length;i<j;i++){
		// 每一個 li 都有自己的 className = playerControl_號碼
		_str += '<li class="playerControl_' + (i+1) + '">' + (i+1) + '</li>';
	}

	// 產生 ul 並把 li 選項加到其中
	// 並幫 li 加上 mouseover 事件
	var $controlLi = $('<ul class="playerControl"></ul>').html(_str).appendTo($slides.parent()).find('li');
	$controlLi.mouseover(function(){
		clearTimeout(timer);

		var $this = $(this);
		$this.addClass('current').siblings('.current').removeClass('current');
		// 移動位置到相對應的號碼
		$slides.stop().animate({
			top: _height * $this.index() * -1
		}, _animateSpeed, function(){
			if(!_isOver) timer = setTimeout(moveNext, _speed);
		});

		return false;
	}).eq(0).mouseover();
	
	// 當滑鼠移到 $block 時則停止輪播
	// 移出時則繼續輪播
	var _isOver = false;
	$block.mouseenter(function(){
		clearTimeout(timer);
		_isOver = true;
	}).mouseleave(function(){
		_isOver = false;
		timer = setTimeout(moveNext, _speed);
	});

	// 用來控制移動的函式
	function moveNext(){
		var _now = $controlLi.filter('.current').index();
		$controlLi.eq((_now+1) % $controlLi.length).mouseover();
	}
});

/*==【公告頁籤切換】==*/
function viewTab(str,str1){
	//先把li的on class拿掉
	$('li[id^="'+str+'"]').removeClass("on");
	//加上class on到目前這頁籤的li
	$('li[id="'+str1+'_li"]').addClass("on");
	//先將這區的頁籤都隱藏
	$('div[id^="'+str+'"]').hide();
	//開啟要顯示的頁籤
	$('div[id="'+str1+'"]').show();
}

/*==【超出的字數用...取代】==*/
$(function() {  
	$(".overflow").ellipsis(true);  
}); 

/*==【次選單】==*/
function shSubMenu(id){
	document.getElementById("subMenu"+id).style.display="block";
	$('.m'+id).addClass('on');
}
function hdSubMenu(id){
	document.getElementById("subMenu"+id).style.display="none";
	$('.m'+id).removeClass('on');
}
function shSSubMenu(id){
	$("#s-submenu"+id).show();
	$('.m'+id).addClass('on');
}
function hdSSubMenu(id){
	$("#s-submenu"+id).hide();
	$('.m'+id).removeClass('on');
}
/*==【訂閱/取消電子報】==*/
function ep(id){
	document.getElementById(id).style.display="block";
}

/*==【加入會員】==*/
function reg(id){
	switch(id){
		case 'tr1':
			$('.nn-hd').hide();
			break;
		case 'tr2':
			$('.nn-hd').show();
			break;
	}
}