//--------------------------------------------------------------------------------------------------------------
function onLoad_Init()
{
    ReDefine_PageTitleName();          // 顯示網頁標題名稱
    ReDefine_PageFooterMsg();
    Change_RenewList();                // 更換節目單
    Change_RenewList_Link();           // 更換節目單的 Link
}

//--------------------------------------------------------------------------------------------------------------
function ReDefine_PageTitleName()
{
    document.getElementById("PageTitleName").innerHTML = PageTitleName;
}

//--------------------------------------------------------------------------------------------------------------
function ReDefine_PageFooterMsg()
{
    document.getElementById("PageFooterMsg").innerHTML = PageFooterMsg;
}

//--------------------------------------------------------------------------------------------------------------
function Change_RenewList()            // 切換標籤時, 更換節目單
{
    for (j = 1; j <= 11; j++)
    {
        document.getElementById("link" + j).innerHTML = List_Kind_Item[j];
    }
}

//--------------------------------------------------------------------------------------------------------------
function Change_RenewList_Link()       // 切換標籤時, 更換節目單的 Link
{
    for (i = 1; i <= 11; i++)          // 更新節目1-11 的 link
    {
        document.getElementById("Program_link" + i).href = List_Kind_Item_Link[i];
    }
}


//--------------------------------------------------------------------------------------------------------------
function GetChannelNum()
{
    //alert("Here???");
    var keyCode = getKeyCode();
    // 按下1(49)-5(53)-9(57)
    if (keyCode >= 49 && keyCode <= 57)
    {
        NowChannelNum = keyCode - 48;
    }

    //把目前指標的圖全部清空
    SetICON_AllBlack();



    if (keyCode >= 27 && keyCode <= 40)   //37左  38上  39右  40下  //27 Esc
    {
        switch(keyCode)
        {
            case 37:
            case 38:  if (NowChannelNum == 11) {NowChannelNum = MaxMenuItemNumber; break; };
                      if (NowChannelNum >= 2) {NowChannelNum = NowChannelNum - 1;} else NowChannelNum = 11 ; break;
            case 39:
            case 40:  if (NowChannelNum == 11) {NowChannelNum = 1; break;};
                      if (NowChannelNum <= MaxMenuItemNumber - 1) {NowChannelNum = NowChannelNum + 1;} else NowChannelNum = 11 ; break;
            case 27:  NowChannelNum = 11 ; break;
        }
    }

    //更換文字顏色, 設定圖片
    if (NowChannelNum > MaxMenuItemNumber && NowChannelNum != 11)  { NowChannelNum = MaxMenuItemNumber }   //使用者如果按數字鍵大於可選擇的項目, 將選項設到最後一項

     document.getElementById("Program_link" + NowChannelNum).focus();
     ShowICON("td" + NowChannelNum);
     ClearChannelFont_Color();
     SetChannelFont_Color(NowChannelNum, "black");
}

//--------------------------------------------------------------------------------------------------------------
//this is meant for mozilla/netscape
window.onkeydown = keyHandler


var keyEventCode;

function keyHandler (evt) {
    if (evt.which >= 27 && evt.which <= 40 &&
    navigator.userAgent.toLowerCase().indexOf("opera")==-1){
        keyEventCode = evt.which;
        GetChannelNum();
    }
}

//function to return the value of key code
function getKeyCode(){

    if (navigator.userAgent.toLowerCase().indexOf("msie")!=-1 ||
    navigator.userAgent.toLowerCase().indexOf("opera")>=0){
        return event.keyCode;

    }

    return keyEventCode;
}

//--------------------------------------------------------------------------------------------------------------

//--------------------------------------------------------------------------------------------------------------
function SetICON_AllBlack()
{
    for (i = 1; i <= 11; i++)  { document.getElementById("td" + i).innerHTML = ""; }
}

//--------------------------------------------------------------------------------------------------------------
function SetChannelFont_Color(nChannel, xColor)
{
        document.getElementById("link" + nChannel).color = xColor;
}

//--------------------------------------------------------------------------------------------------------------
function ClearChannelFont_Color()
{
       for (i = 1; i <= 10; i++)
       { document.getElementById("link" + i).color = "#cccccc"; }
       document.getElementById("link11").color = "#ffffff";
}

//--------------------------------------------------------------------------------------------------------------
function ShowICON(xID)
{
        document.getElementById(xID).innerHTML ="<img border='0' src='./images/selecticon.gif' width='25' height='25'>";
}
//--------------------------------------------------------------------------------------------------------------