jQuery(document).ready(initPage);

function initPage() {
    initServerList();
    initCurrencyChange();
    jQuery("#ddlGameList").change(getServerList);
    jQuery("#ddlKeys").change(getServerList);
    jQuery("#ddlServerList").change(getGoldProducts);
    jQuery("#ddlGoldList").change(getGoldPrice);
    jQuery("#GoldBuy").click(quickGoldBuy);
    jQuery("#ProductGuid").val("");
}

function initServerList() {
    jQuery("#ddlGameList option:eq(1)").attr("selected", "selected");
    getServerList();
}

function getServerList() {
    var gameCode = jQuery("#ddlGameList option:selected").val();
    if (!(/\S+/.test(gameCode))) return;
    var serverList = jQuery("#ddlServerList");
    var data, key;
    if (gameCode == "013" || gameCode == "019") {
        jQuery("#ddlKeys").show();
        key = jQuery("#ddlKeys option:selected").val();
        serverList.css("width", "160px");
        data = { MethodName: "GetServerListByKey", GameCode: gameCode, Key: key, Time: new Date().getTime() };
    }
    else {
        jQuery("#ddlKeys").hide();
        serverList.css("width", "200px");
        data = { MethodName: "GetServerList", GameCode: gameCode, Time: new Date().getTime() };
    }
    jQuery.ajax({
        url: "/Ajax.aspx",
        type: "post",
        data: data,
        dataType: "text",
        beforeSend: function() {
            serverList.html("<option>loading...</option>");
        },
        success: function(result) {
            if (result != "") {
                serverList.html(result);
                jQuery("#MoneyType").val("USD");
                getGoldProducts();
            }
        }
    });
}

function initCurrencyChange() {
    jQuery("#USD").click(function() {
        jQuery("#MoneyType").val("USD");
        getGoldProducts();
        jQuery(this).css("color", "red").siblings("span").css("color", "#183E5C");
    });
    jQuery("#EUR").click(function() {
        jQuery("#MoneyType").val("EUR");
        getGoldProducts();
        jQuery(this).css("color", "red").siblings("span").css("color", "#183E5C");
    });
    jQuery("#GBP").click(function() {
        jQuery("#MoneyType").val("GBP");
        getGoldProducts();
        jQuery(this).css("color", "red").siblings("span").css("color", "#183E5C");
    });
}

function getGoldProducts() {
    var serverCode = jQuery("#ddlServerList option:selected").val();
    var moneyType = jQuery("#MoneyType").val();
    if (typeof moneyType == 'undefined') moneyType = "USD";
    if (!(/\S+/.test(serverCode))) return;
    var goldList = jQuery("#ddlGoldList");
    jQuery.ajax({
        url: "/Ajax.aspx",
        type: "post",
        data: { MethodName: "GetGoldProducts", ServerCode: serverCode, MoneyType: moneyType, Time: new Date().getTime() },
        dataType: "json",
        beforeSend: function() {
            goldList.html("<option>loading...</option>");
        },
        success: function(data) {
            if (data != "") {
                var options = "";
                jQuery.each(data, function(index, item) {
                    options += "<option value=\"" + item.Guid + "|" + item.Price + "\">" + item.Name + "</option>";
                });
                goldList.html(options);
                var guid = jQuery("#ProductGuid").val();
                if (/\S+/.test(guid)) {
                    var list = document.getElementById("ddlGoldList");
                    for (var i = 0; i < list.options.length; i++) {
                        if (guid == list.options[i].value.split('|')[0]) {
                            list.options[i].selected = true;
                            break;
                        }
                    }
                } else {
                    jQuery("#ddlGoldList option:eq(5)").attr("selected", "selected");
                }
                getGoldPrice();
            }
        }
    });
}

function getGoldPrice() {
    var value = jQuery("#ddlGoldList option:selected").val();
    if (value.indexOf('|') > 0) {
        var temp = value.split('|');
        jQuery("#Price").val(temp[1]);
        jQuery("#ProductGuid").val(temp[0]);
    }
}

function quickGoldBuy() {
    var value = jQuery("#ddlGoldList option:selected").val();
    var gameName = jQuery("#ddlGameList option:selected").text();
    var serverName = jQuery("#ddlServerList option:selected").text();
    if (value.indexOf('|')) {
        var temp = value.split('|');
        window.location.href = "/GoldQuick.aspx?GameName=" + encodeURI(gameName) + "&ServerName=" + encodeURI(serverName) + "&Guid=" + temp[0];
    }
}

function submitHotSale(obj) {
    jQuery(obj).parents("form").submit();
}

var Speed_1 = 25;
var Space_1 = 20;
var PageWidth_1 = 77 * 2;
var interval_1 = 1000;
var fill_1 = 0;
var MoveLock_1 = false;
var MoveTimeObj_1;
var MoveWay_1 = "right";
var Comp_1 = 0;
var AutoPlayObj_1 = null;
function GetObj(objName) { if (document.getElementById) { return eval('document.getElementById("' + objName + '")') } else { return eval('document.all.' + objName) } }
function AutoPlay_1() { clearInterval(AutoPlayObj_1); AutoPlayObj_1 = setInterval('ISL_GoDown_1();ISL_StopDown_1();', interval_1) }
function ISL_GoUp_1() { if (MoveLock_1) return; clearInterval(AutoPlayObj_1); MoveLock_1 = true; MoveWay_1 = "left"; MoveTimeObj_1 = setInterval('ISL_ScrUp_1();', Speed_1); }
function ISL_StopUp_1() {
    if (MoveWay_1 == "right") { return }; clearInterval(MoveTimeObj_1); if ((GetObj('ISL_Cont_1').scrollLeft - fill_1) % PageWidth_1 != 0) { Comp_1 = fill_1 - (GetObj('ISL_Cont_1').scrollLeft % PageWidth_1); CompScr_1() } else { MoveLock_1 = false }
    AutoPlay_1()
}
function ISL_ScrUp_1() {
    if (GetObj('ISL_Cont_1').scrollLeft <= 0) { GetObj('ISL_Cont_1').scrollLeft = GetObj('ISL_Cont_1').scrollLeft + GetObj('List1_1').offsetWidth }
    GetObj('ISL_Cont_1').scrollLeft -= Space_1
}
function ISL_GoDown_1() { clearInterval(MoveTimeObj_1); if (MoveLock_1) return; clearInterval(AutoPlayObj_1); MoveLock_1 = true; MoveWay_1 = "right"; ISL_ScrDown_1(); MoveTimeObj_1 = setInterval('ISL_ScrDown_1()', Speed_1) }
function ISL_StopDown_1() {
    if (MoveWay_1 == "left") { return }; clearInterval(MoveTimeObj_1); if (GetObj('ISL_Cont_1').scrollLeft % PageWidth_1 - (fill_1 >= 0 ? fill_1 : fill_1 + 1) != 0) { Comp_1 = PageWidth_1 - GetObj('ISL_Cont_1').scrollLeft % PageWidth_1 + fill_1; CompScr_1() } else { MoveLock_1 = false }
    AutoPlay_1()
}
function ISL_ScrDown_1() {
    if (GetObj('ISL_Cont_1').scrollLeft >= GetObj('List1_1').scrollWidth) { GetObj('ISL_Cont_1').scrollLeft = GetObj('ISL_Cont_1').scrollLeft - GetObj('List1_1').scrollWidth }
    GetObj('ISL_Cont_1').scrollLeft += Space_1
}
function CompScr_1() {
    if (Comp_1 == 0) { MoveLock_1 = false; return }
    var num, TempSpeed = Speed_1, TempSpace = Space_1; if (Math.abs(Comp_1) < PageWidth_1 / 2) { TempSpace = Math.round(Math.abs(Comp_1 / Space_1)); if (TempSpace < 1) { TempSpace = 1 } }
    if (Comp_1 < 0) {
        if (Comp_1 < -TempSpace) { Comp_1 += TempSpace; num = TempSpace } else { num = -Comp_1; Comp_1 = 0 }
        GetObj('ISL_Cont_1').scrollLeft -= num; setTimeout('CompScr_1()', TempSpeed)
    } else {
        if (Comp_1 > TempSpace) { Comp_1 -= TempSpace; num = TempSpace } else { num = Comp_1; Comp_1 = 0 }
        GetObj('ISL_Cont_1').scrollLeft += num; setTimeout('CompScr_1()', TempSpeed)
    }
}
function picrun_ini() {
    GetObj("List2_1").innerHTML = GetObj("List1_1").innerHTML;
    GetObj('ISL_Cont_1').scrollLeft = fill_1 >= 0 ? fill_1 : GetObj('List1_1').scrollWidth - Math.abs(fill_1);
    GetObj("ISL_Cont_1").onmouseover = function() { clearInterval(AutoPlayObj_1) }
    GetObj("ISL_Cont_1").onmouseout = function() { AutoPlay_1() }
    AutoPlay_1();

}