var tmOut = null;
var isLGEBrowser = false;
var currentActivatedElementId;
var currentSelectedElementId;
var CurPageNum = 1;

function SelectElement(selID) {
    $(".MenuItem").removeClass("Selected");
    $("#" + selID).addClass("Selected");
    currentSelectedElementId = selID;
}

function ActiveElement(actID) {
    if (actID == "Ftr_1") {
        window.history.back();
    }
    if ($("#" + actID).attr("class").indexOf("XBtn") >= 0) {
        window.NetCastBack();
        return;
    }
    if ($("#" + actID).attr("href") != null && $("#" + actID).attr("href") != "" && $("#" + actID).attr("href") != "#" && document.location.href.toLowerCase().indexOf($("#" + actID).attr("href").toLowerCase()) < 0) {
        document.location.href = $("#" + actID).attr("href");
    }
    else {
        if (actID.indexOf("pc_") >= 0) {
            $(".SubCat").hide();
            $(".SubCat[pid*=cat_" + actID.split("_")[1] + "]").show();
            GetSubCatData(parseInt(actID.split("_")[1]) - 1);
        }

        if ($("#" + actID).attr("class").indexOf("next") >= 0) {
            if (CurPageNum < parseInt($("#ContentPlaceHolder1_hidAllRec").val()))
                CurPageNum++;
            else
                CurPageNum = 1;
            GetProducts();
        }
        if ($("#" + actID).attr("class").indexOf("prev") >= 0) {
            if (CurPageNum > 1)
                CurPageNum--;
            else
                CurPageNum = parseInt($("#ContentPlaceHolder1_hidAllRec").val());
            GetProducts();
        }
        if (actID.indexOf("pc_") >= 0) {
            $(".MenuItem[id*='pc_']").removeClass("Activated");
            $("#" + actID).addClass("Activated");
        }
        else {
            $(".MenuItem[id*='Mnu_']").removeClass("Activated");
            $("#" + actID).addClass("Activated");
            currentActivatedElementId = actID;
        }
    }
}

function processKeyDown(e) {
    var keyCode;
    if (window.event) { // IE
        keyCode = e.keyCode;
    } else if (e.which) { // Netscape/Firefox/Opera
        keyCode = e.which;
    } else {
        alert("Unknown event type.");
        return;
    }

    processKeyHandle(keyCode);
}

function processKeyHandle(keyCode) {
    var curID = $("#" + currentSelectedElementId).attr("id");
    var curColGrp = curID.split('_')[0];
    var curPos = -1; //curID.split('_')[1];
    var allMnu = $(".MenuItem");
    var currentGroupLenth = $("[id*=" + curColGrp + "]").length;
    var allRows = $(".MenuHolder");
    var curRowID = $("#" + curID).parents(".MenuHolder").get(0).id;
    var curRowGrp = curRowID.split('_')[0];
    var curRowPos = -1;

    for (i = 0; i < $(".MenuHolder").length; i++) {
        if ($(".MenuHolder")[i].id == curRowID)
            curRowPos = i;
    }

    var allMnuItem = $("#" + $(".MenuHolder")[curRowPos].id).find(".MenuItem");

    for (i = 0; i < allMnuItem.length; i++) {
        if (allMnuItem[i].id == curID)
            curPos = i;
    }


    switch (keyCode) {
        case VK_LEFT:
            if (allMnuItem[curPos].className.indexOf("next") >= 0) {
                ActiveElement(allMnuItem[curPos].id);
                return;
            }
            if (curPos < allMnuItem.length - 1) {
                SelectElement(allMnuItem[++curPos].id);
            }
            else {
                SelectElement(allMnuItem[0].id);
            }
            break;
        case VK_RIGHT:
            if (allMnuItem[curPos].className.indexOf("prev") >= 0) {
                ActiveElement(allMnuItem[curPos].id);
                return;
            }
            if (curPos > 0) {
                SelectElement(allMnuItem[--curPos].id);
            }
            else {
                SelectElement(allMnuItem[allMnuItem.length - 1].id);
            }
            break;
        case VK_ENTER:
            ActiveElement(currentSelectedElementId);
            break;
        case VK_DOWN:
            if (curRowPos < allRows.length - 1) {
                SelectElement($("#" + $(".MenuHolder")[++curRowPos].id).find(".MenuItem")[0].id);
            }
            else {
                SelectElement($("#" + $(".MenuHolder")[0].id).find(".MenuItem")[0].id);
            }
            break;
        case VK_UP:
            if (curRowPos > 0) {
                SelectElement($("#" + $(".MenuHolder")[--curRowPos].id).find(".MenuItem")[0].id);
            }
            else {
                SelectElement($("#" + $(".MenuHolder")[$(".MenuHolder").length - 1].id).find(".MenuItem")[0].id);
            }
            break;
        case VK_0:
        case VK_1:
        case VK_2:
        case VK_3:
        case VK_4:
        case VK_5:
        case VK_6:
        case VK_7:
        case VK_8:
        case VK_9:
            break;
        case VK_PAGE_UP:
            break;
        case VK_PAGE_DOWN:
            break;
        case VK_BACK:
            history.go(-1);
            break;
        case VK_RED:
            break;
        case VK_GREEN:
            break;
        case VK_YELLOW:
            break;
        case VK_BLUE:
            break;
        case VK_PLAY:
            break;
        case VK_STOP:
            break;
        case VK_PAUSE:
            break;
        case VK_REWIND:
            break;
        case VK_FAST_FWD:
            break;
        case VK_INFO:
            break;
        default:
            break;
    }
}


function onError() {
}


function init() {
    var userAgent = new String(navigator.userAgent);
    if (userAgent != null && userAgent.search(/LG Browser/) < 0) {
        $("#NavBar").show();
    } else {
        isLGEBrowser = true;
    }
}

function unloadPage() {
}

function GetSubCatData(i) {
    $.ajax({
        type: "POST",
        url: "default.aspx/GetData",
        data: "{i:" + i.toString() + "}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        beforeSend: function () {
            $("#Row_3").html("<div class='Loading'></div>");
        },
        success: function (msg) {
            $("#Row_3").html(msg.d);
        }
    });
}


function GetProducts() {
    $.ajax({
        type: "POST",
        url: "ProductCategory.aspx/GetData",
        data: "{pcid:" + document.location.href.split("-")[1].split(".")[0] + ", page: " + CurPageNum.toString() + "}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        beforeSend: function () {
            $("#Items").html("<div class='Loading'></div>");
        },
        success: function (msg) {
            $("#Items").html(msg.d);
        }
    });
}