$(document).ready(function(){
		//setupButtonEvent();
		//setupButtonSize();
		//refreshHighlight();
	});

function setupButtonEvent(){
	$("#btnPrevHighlight")
		.hover(
				function(){
					$("#tdLeftArrow").css("background-color", "#1797b2");
				}
				, 
				function(){
					$("#tdLeftArrow").css("background-color", "#52ac6f");
				});

	$("#btnNextHighlight")
		.hover(
				function(){
					$("#tdRightArrow").css("background-color", "#1797b2");
				}
				, 
				function(){
					$("#tdRightArrow").css("background-color", "#52ac6f");
				});
}

function setupButtonSize(){
	var btnWidth = 20;
	var x, y, width, height;
	x = $("#tableHighlight").offset().left;
	y = $("#tableHighlight").offset().top;
	width = $("#tableHighlight").width();
	height = $("#tableHighlight").height();

	$("#btnPrevHighlight")
		.css("position", "absolute")
		.css("display", "block")
		.css("top", y)
		.css("left", x)
		.width(btnWidth)
		.height(height);

	$("#btnNextHighlight")
		.css("position", "absolute")
		.css("display", "block")
		.css("top", y)
		.css("left", x+width-btnWidth-3)
		.width(btnWidth)
		.height(height);
}

var highlightStatus = "started";	// started, stopped
var highlightDelay = 10;	// default=10
var highlightTimer = null;
var highlightBannerIndex = -1;
function refreshHighlight(){
	var b = zmsBannerImageList["highlight_photo"];
	if (typeof b != "undefined" && b.length > 0){
		highlightBannerIndex ++;
		if (highlightBannerIndex > b.length - 1){
			highlightBannerIndex = 0;
		}
		var idx = highlightBannerIndex;
		var anchorHtmlHeader = "";
		var anchorHtmlFooter = "";

		if (b[idx].navUrl != ""){
			if ("_blank" == b[idx].target && b[idx].width > 0 && b[idx].height > 0){
				// Popup
				var strPopup;
				strPopup = "window.open('"+b[idx].navUrl+"', null, 'height="+b[idx].height+",width="+b[idx].width+",status=no,toolbar=no,menubar=no,location=no')";
				anchorHtmlHeader = "<a href=\"javascript:void(0);\" onclick=\""+strPopup+"\">";
			}else{
				anchorHtmlHeader = "<a href=\""+b[idx].navUrl+"\" target=\""+b[idx].target+"\">";
			}
			anchorHtmlFooter = "</a>";
		}

		var photoHtml = '<img src="'+b[idx].imageUrl+'" width="193" height="123" border="0" />';
		$('#highlight_photo').html(anchorHtmlHeader+photoHtml+anchorHtmlFooter);

		var descHtml = b[idx].alt_text;
		$('#highlight_desc').html(anchorHtmlHeader+descHtml+anchorHtmlFooter);

		if (highlightStatus == "started"){
			highlightTimer = setTimeout("refreshHighlight()", highlightDelay * 1000);
		}

		// Resize next/prev buttons
		setupButtonSize();
	}
}

function startHighlight(){
	var b = zmsBannerImageList["highlight_photo"];
	highlightStatus = "started";
	if (highlightTimer == null){
		refreshHighlight();
	}
}

function stopHighlight(){
	var b = zmsBannerImageList["highlight_photo"];
	highlightStatus = "stopped";
	clearTimeout(highlightTimer);
	highlightTimer = null;
}

function nextHighlight(){
	var b = zmsBannerImageList["highlight_photo"];
	if (typeof b != "undefined" && b.length > 0){
		stopHighlight();
		refreshHighlight();
	}
}

function prevHighlight(){
	var b = zmsBannerImageList["highlight_photo"];
	if (typeof b != "undefined" && b.length > 0){
		stopHighlight();

		if (highlightBannerIndex < 2){
			highlightBannerIndex += b.length;
		}
		highlightBannerIndex -= 2;

		refreshHighlight();
	}
}
//
// Start: Print header for Home Template
function ShowPrintHeader(){
	ShowPrintHeaderGeneric();

	ShowPrintHeaderForHome();
}

function ShowPrintHeaderForHome(){
	var langFolder = "";
	var txtWhatsnew = "";
	var txtHighlight = "";
	if (1 == zmsCharsetID){
		langFolder = "en";
		txtWhatsnew = "WHAT&#39;S NEW";
		txtHighlight = "HIGHLIGHT";
	}else if (2 == zmsCharsetID){
		langFolder = "tc";
		txtWhatsnew = "最新消息";
		txtHighlight = "精選";
	}
	
	var html = "";

	html += '<br />';
	html += '<table border="0" cellpadding="0" cellspacing="0" height="600" width="706">';
	html += '  <tbody>';
	html += '    <tr>';
	html += '      <td style="vertical-align: top;" width="600">';
	html += '        <div class="content">';

	document.writeln(html);
}

function ShowPrintFooter(){
	ShowPrintFooterForHome();
	ShowPrintFooterGeneric();
}
function ShowPrintFooterForHome(){
	var html = "";

	html += '        </div>';
	html += '      <td>';
	html += '      </td>';
	html += '      </td>';
	html += '    </tr>';
	html += '    <tr>';
	html += '      <td colspan="2" align="left" valign="top">';
	html += '        <table border="0" cellpadding="0" cellspacing="0" width="100%">';
	html += '          <tbody>';
	html += '            <tr>';
	html += '              <td><img src="/filemanager/template/common/images/spacer.gif" alt="" width="4" height="32" /></td>';
	html += '              <td>';
	html += '                  <img src="/filemanager/template/common/images/spacer.gif" alt="" border="0" width="1" height="1" />';
	html += '              </td>';
	html += '            </tr>';
	html += '            <tr>';
	html += '              <td>';
	html += '                  <img src="/filemanager/template/common/images/spacer.gif" alt="" border="0" width="1" height="1" />';
	html += '              </td>';
	html += '              <td><img class="vmiddle" src="/filemanager/template/common/images/bottom_banner_line.gif" alt="" width="706" height="1" /></td>';
	html += '            </tr>';
	html += '            <tr>';
	html += '              <td colspan="2"><!-- Start: Banner -->';
	html += '                <table border="0" cellpadding="0" cellspacing="0" width="706">';
	html += '                  <tbody>';
	html += '                    <tr>';
	html += '                      <td>';
	html += '                        <div id="div_banner_home">';
	html += '                        </div>';
	html += '                      </td>';
	html += '                    </tr>';
	html += '                  </tbody>';
	html += '                </table>';
	html += '                <!-- End: Banner --></td>';
	html += '            </tr>';
	html += '            <tr>';
	html += '              <td>';
	html += '                  <img src="/filemanager/template/common/images/spacer.gif" alt="" border="0" width="1" height="1" />';
	html += '              </td>';
	html += '              <td><img src="/filemanager/template/common/images/spacer.gif" alt="" width="20" height="54" /></td>';
	html += '            </tr>';
	html += '          </tbody>';
	html += '        </table>';
	html += '      </td>';
	html += '    </tr>';
	html += '  </tbody>';
	html += '</table>';
	html += '<scr' + 'ipt src="/filemanager/template/common/js/generate_banner.js">';
	html += '</scr' + 'ipt>';

	document.writeln(html);
}
// End: Print header for Home Template