/**
 * 首頁控制部份
 * @author dxjd4
 */
//---------------------------------------------------
/**
 * 網頁載入後執行部份
 */
$(document).ready(function() {
	$("#album a").lightBox(); //jQuery lightbox
	$("#album ul").simplyScroll({ autoMode: 'loop'}); //jQuery simplyScroll
	//$("head").append('<link rel="stylesheet" href="/css/jquery.jdMenu.index.css" type="text/css" />'); //載入選單樣式
	//---------------------------------------------------
	//設置橫幅圖片
	//var header_slideshow = $('#header_slideshow').empty();
	var header_slideshow = $('#header_slideshow').find("noscript").remove().end();
	/**
	 * 一般之圖片清單
	 * 設定格式(JSON)：
	 * {
	 * 	img : "header_pic_02.jpg", //圖片檔名
	 * 	display : true //顯示與否(true | false)
	 * }
	 */
	var normalHeader = [
        {img : "header_pic_09.jpg", display : false},
        {img : "header_pic_10.jpg", display : false},
        //{img : "header_pic_11.jpg", display : false},
        //{img : "header_pic_12.jpg", display : false},
		{img : "header_pic_02.jpg", display : false},
		{img : "header_pic_01.jpg", display : false},
		//{img : "header_pic_06.jpg", display : true},
		{img : "header_pic_08.jpg", display : true},
		{img : "header_pic_15.jpg", display : true},
		{img : "header_pic_16.jpg", display : true}
	];
	/**
	 * 特別指定之圖片
	 * 設定格式(JSON)：
	 * {
	 * 	img : "98beya_01.jpg", //圖片檔名
	 * 	link : "http://lms.hust.edu.tw/club/98beya",  //連結網址(可省略此項)
	 * 	start : "2010/05/01", //開始時間(西元年/月/日)
	 * 	end : "2010/06/13" , //結束時間(西元年/月/日)
	 * 	display : true //顯示與否(true | false)
	 * }
	 */
	var specialHeader = [ 
		{img : "header_pic_new_year2012_1.jpg", start : "2011/12/26 17:00", end : "2012/02/07" , display : true},
		{img : "header_pic_new_year2012_2.jpg", start : "2011/12/22", end : "2012/02/07" , display : false}
	];
	//是否排除正常圖片
	var disableNormalHeader = false;
	
	var headerPicPathPrefix = "/images/index_new/header/";
	
	var headerList = new Array();
	
	//檢查特別指定之圖片是否過期
	$.each(specialHeader, function(i, header){
		if(header.display && (header.start && new Date() > new Date(header.start)) && (header.end && new Date() < new Date(header.end)) )
			headerList.push(header);
	});
	
	//當顯示之圖片少或設置允許一般圖片則將其加入
	if(headerList.length < 2 || !disableNormalHeader)
		headerList = $.merge(headerList, $.shuffle(normalHeader));
	//設置圖片
	$.each(headerList ,function(i, header){
		if(!header.display)
			return true;
		//設置連結
		if(header.link)
				header_slideshow.append('<a target="_blank" href="' + header.link + '"><img src="' + headerPicPathPrefix + header.img + '" /></a>');
			else
				header_slideshow.append('<img src="' + headerPicPathPrefix + header.img + '" />');
	});
	
	header_slideshow.cycle({ fx: 'fade', timeout : 7000 });  //jQuery Cycle
	
	//---------------------------------------------------
	//主題顏色
	var colorSelect = $("#colorSelect a").each(function(i){
			$(this).css("background-color" , $(this).text())
			.data("color" , $(this).text())
			.data("index" , i + 1 )
			.text("");
		}).click(setColor);
	
	var checkbox = $("#saveColor").click(saveColor);
	var randomColor = $("#randomColor").click(function(){
		colorSelect.eq(parseInt((Math.random() * new Date().getTime()) % colorSelect.length)).click();
		return false;
	});
	//檢查是否有選擇色彩
	if($.cookie("selectColor")){
		checkbox.attr("checked", true);
		colorSelect.eq(parseInt($.cookie("selectColor")) - 1).click();
	}else
		 randomColor.click();//隨機選色
	
	//---------------------------------------------------
	//設置重要連結背景圖片位置
	var index_link_list = $("#index_link li");
	if(index_link_list.length > 0){
		var bg_position = {
			X : -70, //起始之X軸位置
			Y : -40, //起始之Y軸位置
			shift : index_link_list.eq(1).offset().top - index_link_list.eq(0).offset().top //計算位移大小
		};
		index_link_list.each(function(){
			$(this).css("background-position" , bg_position.X + "px " + bg_position.Y + "px");
			bg_position.Y -= bg_position.shift;
		});
	}

	//---------------------------------------------------
	//學生家長、校 友連結附加彈出校長叮嚀部份
	$("#navigation a:gt(1):lt(2)").click(function(){
		$("body").append('<iframe stype="display:none;" src="alarm_index.jsp"></iframe>');
		var href = this.href;
		setTimeout(function(){
			location.href = href;
		},500);
		return false;
	});
});

//---------------------------------------------------
//
var navigation_mask_bg_prefix = "images/index_new/header/navigation/header_navigation_color_";
/**
 * 設置主題顏色
 */
function setColor(){
	var colorSelect = $("#colorSelect");
	var menu = $("#menu, #menu ul");
	//移除現有之色彩
	if(colorSelect.data("current")){
		colorSelect.data("current").removeClass("currentColor");
		menu.removeClass("hoverColor" + colorSelect.data("current").data("index"));
	}
	
	colorSelect.data("current", $(this));//記錄目前色彩之連結
	//設置樣式
	menu.css("background-color" , $(this).data("color")).addClass("hoverColor" + $(this).data("index"));
	$("#footer").css("background-color" , $(this).data("color"));
	if ($.browser.msie && $.browser.version < 7) //當為IE6時改採用filter
		$("#navigation_mask").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + navigation_mask_bg_prefix + $(this).data("index") + ".png', sizingMethod='scale');");
	else 
		$("#navigation_mask").css("background-image", "url(" + navigation_mask_bg_prefix + $(this).data("index") + ".png)");
	
	$(this).addClass("currentColor"); //設置被選擇之顏色樣式
	saveColor(); //保存選擇之色彩
	return false;
}

//---------------------------------------------------
/**
 * 保存設置主題顏色
 */
function saveColor(){
	var checkbox = $("#saveColor");
	var colorSelect = $("#colorSelect");
	if(checkbox.attr("checked"))
		$.cookie("selectColor", colorSelect.data("current").data("index") , { path: '/', expires: 365 });
	else
		$.cookie("selectColor", null);
}