var gameid;
var account = 0;
var rate = 1;
var gamename;
var levelsort = 0;
var classsort = 0;
var serversort = 0;
var pricesort = 0;


function level1() {
    if (levelsort == 0) {
        levelsort = 1;
    } else {
        levelsort = 2;
    }
    classsort = 0;
    serversort = 0;
    pricesort = 0;
    accountlist(gameid, gamename);
}
function class1() {
    if (classsort == 0) {
        classsort = 1;
    } else {
        classsort = 2;
    }
    levelsort = 0;
    serversort = 0;
    pricesort = 0;
    accountlist(gameid, gamename);
}
function server1() {
    if (serversort == 0) {
        serversort = 1;
    } else {
       serversort = 2;
   }
   classsort = 0;
   levelsort = 0;
   pricesort = 0;
    accountlist(gameid, gamename);
}
function price1() {
    if (pricesort == 0) {
        pricesort = 1;
    } else {
        pricesort = 2;
    }
    classsort = 0;
    serversort = 0;
    levelsort = 0;
    accountlist(gameid, gamename);
}




//create accountlist
function accountlist(webgameid, igamename) {

    gameid = webgameid;
    gamename = igamename;
    bindserverddl();

    if (getCookie("searchvalue") != null) {
       return;
    }

    var url = "ashx/gameaccount.ashx?index=" + index + "&gameid=" + gameid + "&levelsort=" + levelsort + "&classsort=" + classsort + "&serversort=" + serversort + "&pricesort=" + pricesort;
    var naviId = getCookie("NaviID");
    if (naviId != null && !isNaN(naviId)) {
        gameid = getCookie("Game") == "US" ? 1 : 2;
        url = "ashx/gameaccount.ashx?index=" + index + "&gameid=&naviId=" + naviId + "&levelsort=" + levelsort + "&classsort=" + classsort + "&serversort=" + serversort + "&pricesort=" + pricesort;
    } 
    var flag = document.URL.indexOf("quick") > -1;
    if(flag && document.URL.indexOf("#") == -1){
        url = "ashx/gameaccount.ashx?index=" + index + "&gameid=&quick=@&levelsort=" + levelsort + "&classsort=" + classsort + "&serversort=" + serversort + "&pricesort=" + pricesort;
    }
    var myAjax = new Ajax.Request(url, { method: "get", onComplete: accountlistcreate });
}

function accountlistcreate(xmlhttp) {
    var xml = xmlhttp.responseXML;

    if (xmlhttp.responseText != "<NewDataSet />") {
        var xmllist = xml.getElementsByTagName("Table");
        account = xmllist.length;
 
        $("gearSummary").innerHTML = "";
        $("buypage").innerHTML = "";
        
        if (account <= 1) {
            alert("has no result!"); return;
        }      
        for (var i = 0; i < xmllist.length - 1; i++) {
          try{
            var accountid = xmllist[i].getElementsByTagName("id")[0].childNodes[0].nodeValue;
            var level = xmllist[i].getElementsByTagName("level")[0].childNodes[0].nodeValue;
            var race = xmllist[i].getElementsByTagName("race")[0].childNodes[0].nodeValue;
            var sex = xmllist[i].getElementsByTagName("sex")[0].childNodes[0].nodeValue;
            var job = xmllist[i].getElementsByTagName("job")[0].childNodes[0].nodeValue;
            var serverame = xmllist[i].getElementsByTagName("serverName")[0].childNodes[0].nodeValue;
            var serverclass = xmllist[i].getElementsByTagName("serverClass")[0].childNodes[0].nodeValue;
            var remark = xmllist[i].getElementsByTagName("Remark")[0].childNodes[0].nodeValue;
            var price = xmllist[i].getElementsByTagName("price")[0].childNodes[0].nodeValue;
            var realm = xmllist[i].getElementsByTagName("realm")[0].childNodes[0].nodeValue;
            var no = xmllist[i].getElementsByTagName("playName")[0].childNodes[0].nodeValue;
            var accounttype = xmllist[i].getElementsByTagName("accounttype")[0].childNodes[0].nodeValue; //accounttype
            if(realm == "H") realm = "Horde";
            else realm = "Alliance";

            serverame2 = serverame.replace("'", "@");

            
            
            var table = document.createElement("table");
            table.style.border = 0;
            table.style.cellpadding = 0;
            table.style.cellspacing = 0;
            table.style.marginTop = "11px";
            table.style.width = "800";
            var row = document.createElement("tr");
            var cell = document.createElement("td");
            row.className = i % 2 == 0 ? "buyshowid01" : "buyshowid02";
            cell.align = "center";
            cell.width = 95;
            cell.innerHTML = "<span class='buyshowidli01'>" + level + "</span><br />";
            cell.innerHTML += "<span style='color:#7FFF00'>new</span><br /><br />";
            cell.innerHTML += "<img alt='Transferable Character' height='20' src='images/transferable_graphic.gif' width='42' />";
            row.appendChild(cell);
            cell = document.createElement("td");
            cell.align = "center";
            cell.width = 130;
            cell.innerHTML = "<img height='60' style='border:1px red solid; margin-bottom:4px' src='" + getimage2(sex, race, job) + "' width='60' /><br />";
            cell.innerHTML += "<span style='font-weight:bold;' >" + job + "</span></td>";
            row.appendChild(cell);
            cell = document.createElement("td");
            cell.align = "center";
            cell.width = 182;
            cell.innerHTML = "<img height='42' src='images/" + realm + ".gif' width='42' /><br />";
            cell.innerHTML += "<span class='sellbold'>" + serverame + "<br />" + "( " + serverclass + " )</span>";
            row.appendChild(cell);
            cell = document.createElement("td");
            cell.align = "center";
            cell.style.verticalAlign = "middle";
            cell.width = 170;
            
            cell.innerHTML = "<a href=\"javascript:void(0);\" onclick=\"viewprofile(" + accountid + ",'');\" id=\"" + price + "\" name=\"AVG\" onmouseover=\"overView(this);\" onmouseout=\"outView(this);\">( View Gear )</a><br />";
            profile = xmllist[i].getElementsByTagName("account")[0].childNodes[0].nodeValue;
            if (profile.indexOf("armorys.accountol.com") != -1){
                cell.innerHTML = "<a href=\"javascript:void(0);\" onclick=\"viewprofile(0,'" + profile + "');\" id=\"" + price + "\" name=\"AVG\" onmouseover=\"overView(this);\" onmouseout=\"outView(this);\">( View Gear )</a><br />";
            }
                
            cell.innerHTML += "<span class='sell' style='CURSOR: pointer' id='show" + i + "' >Transferable</span>";

            if (level == "80") {
                cell.innerHTML += "<P /><img src='images/22.png' />";
            }
            else {
                cell.innerHTML += "<P /><img src='images/11.png' />";
            }
            row.appendChild(cell);

            cell = document.createElement("td");
            cell.width = 100;
            cell.innerHTML = accounttype;
            row.appendChild(cell);
            
            cell = document.createElement("td");
            cell.width = 100;
            var strAccount = "&nbsp;&nbsp;Account：<b>" + no + "</b>";
            cell.innerHTML = "<table border='0' cellpadding='0' cellspacing='0' width='300'><tr><td class='buyshowidli05'>&nbsp;&nbsp;" + strAccount +"<br /><a href='#' id='remark" + i + "'>" + remark + "</a></td></tr></table>";
            row.appendChild(cell);
            cell = document.createElement("td");
            cell.align = "center";
            cell.width = 100;
            cell.innerHTML = "<p><span class='sell'><span name='moneytype' id='moneytype" + i + "'>$</span> <span id='price" + i + "'>"
                                + price + "</span></span></p><input type='hidden' value='" + price + "' id='iniprice" + i + "' />";
            row.appendChild(cell);
            cell = document.createElement("td");
            cell.width = 100;
            cell.innerHTML = "<span onclick='tobuy(" + accountid + "," + i + "," + "\"" + serverame2 + "\",\"" + getrealm(race) + "\")' style='cursor:pointer;color:red'>Buy Now</span>";
            row.appendChild(cell);

            table.appendChild(row);

            var divbeijin = document.createElement("div");
            if (level == "80") {
                divbeijin.innerHTML = "<div class='box'>" + "<table>" + table.innerHTML + "</table></div>";
            }
            else {
                divbeijin.innerHTML = "<div class='Bluebox'>" + "<table>" + table.innerHTML + "</table></div>";
            }

            $("gearSummary").innerHTML += divbeijin.innerHTML;
          }catch(e){
              continue;
          }
      }
      
        if (account > 1) {
            var count = xmllist[xmllist.length - 1].getElementsByTagName("id")[0].childNodes[0].nodeValue;
            var pc = xmllist[xmllist.length - 1].getElementsByTagName("level")[0].childNodes[0].nodeValue;
            setCookie("pc",pc,1);
            Page();
        }
       allShow();
    } else {    
        $("gearSummary").innerHTML = "";
        $("buypage").innerHTML = "";
        alert("has no result!");
    }
}

var maxIndex = 1;
var maxCount = 10;
var maxTotal = 0;

function Page(){
    var pc = getCookie("pc");
    if(pc == null) return;
    
    maxTotal =parseInt((parseInt(pc) + maxCount - 1)/maxCount);
    if(maxIndex > maxTotal || maxIndex < 1) return;
    
    
    var divPage = $("buypage");    
    divPage.innerHTML = "";          
    divPage.innerHTML += "<span onclick=\"toPage(1);\" style=\"cursor:pointer;\">First</span>&nbsp;";  
    divPage.innerHTML += "<span onclick=\"Backnext(true);\" style=\"cursor:pointer;\">Back</span>&nbsp;";
    var curindex = (maxIndex - 1) * maxCount + 1;
    
    for (var i = curindex; i <= maxIndex * maxCount; i++) {
        if(i > pc) continue;
        var style = "cursor:pointer;";
        if(index == i) style += "color:Red;";
        
        divPage.innerHTML += "<span onclick=\"toPage(" + i + ");\" style=\"" + style + "\">" + i + "</span>&nbsp;";
    }

    divPage.innerHTML += "<span onclick=\"Backnext(false);\" style=\"cursor:pointer;\">Next</span>&nbsp;";
    divPage.innerHTML += "<span onclick=\"toPage(" + pc + ");\" style=\"cursor:pointer;\">Last</span>&nbsp;";
    return curindex;
}

function Backnext(flag){
    if(flag){
        maxIndex--;if(maxIndex < 1) maxIndex = 1;toPage(Page());
    }else{
        maxIndex++;if(maxIndex >= maxTotal) maxIndex = maxTotal;toPage(Page());
    }
}

var index = 1;
function toPage(i) {
    if (i == index) return;
    if(i == 1) maxIndex = 1;
    if(i == parseInt(getCookie("pc"))) maxIndex = maxTotal;
    
    index = i > 0 ? i : 1;
    var s = getCookie("searchvalue");
    if (s == null)
        accountlist(gameid, gamename);
    else
        search();
}

function allShow() {

    var all = document.getElementsByName("AVG");
    for (var i = 0; i < all.length; i++) {
        viewDisplay(all.item(i));
    }
}

//鼠标移上或移下闪动显示
var e;
var v;
var i = 0;

function viewDisplay(view) {
    var colors = new Array("Gray", "Green", "Blue", "Purple", "Orange");
    var val = view.getAttribute("id");
    var index = 0;
    if (val < 250) index = 0;
    else if (val < 300) index = 1;
    else if (val < 350) index = 2;
    else if (val < 400) index = 3;
    else index = 4;

    var color = view.style.color;
    color = color == "White" ? colors[index] : "White";
    view.style.color = color;

    //设置字体大小
    var px = "px";
    if (document.all) px = "";
    var size = view.style.fontSize;
    size = size == null || size != "12" + px ? "12" + px : "13" + px;
    view.style.fontSize = size;

    setTimeout(function() { viewDisplay(view); }, 160);
}

function overView(view) {
    v = view;
    e = setInterval(Display, 100);
}

function Display() {
    var colors = new Array("Gray", "Green", "Blue", "Purple", "Orange");
    var val = v.getAttribute("id");
    var index = 0;
    if (val < 250) index = 0;
    else if (val < 300) index = 1;
    else if (val < 350) index = 2;
    else if (val < 400) index = 3;
    else index = 4;

    if (i % 2 == 0)
        v.style.color = colors[index];
    else
        v.style.color = "White";
    i++;
}

function outView(view) {
    clearInterval(e);
    v.style.color = "White";
    i = 0;
}

function viewprofile(id,url) {
    if(id == 0){
        setCookie("viewprofile",url,1);
        window.open("viewprofile.html","_blank");
    }else{
        setCookie("viewId", id, 1);
        window.open("viewaccount.html", "_blank");
    }
}

//change img
function getrealmimg(race) {
    race = race.toLowerCase();
    if (race == "humans" || race == "Dwarves" || race == "night elf" || race == "gnomes" || race == "draenei") {
        return "alliance.jif";
    }
    else {
        return "horde.jif";
    }
}
//get realm
function getrealm(race) {
    race = race.toLowerCase();
    if (race == "humans" || race == "Dwarves" || race == "night elf" || race == "gnomes" || race == "draenei") {
        return "A";
    }
    else {
        return "H";
    }
}
//change money type
function changemoney(imoneytype) {
    var fuhao;

    switch (imoneytype) {
        case "USD":
            fuhao = "$";
            break;
        case "EUR":
            fuhao = "€";
            break;
        case "GBP":
            fuhao = "£";
            break;
        case "AUD":
            fuhao = "A$";
            break;
        case "CAD":
            fuhao = "C$";
            break;
        default:
            break;
    }

    for (var i = 0; i < account - 1; i++) {
        $("moneytype" + i).innerHTML = fuhao;
    }

    var url = "ashx/moneytype.ashx?moneytype=" + imoneytype;

    var myAjax = new Ajax.Request
                (
                    url,
                    {
                        method: "get",
                        onComplete: getrateDo
                    }
                );
}

function getrateDo(xmlhttp) {
    rate = Number(xmlhttp.responseText);

    if (isNaN(rate)) {
        return;
    }

    for (var i = 0; i < account - 1; i++) {
        var price1 = Number($F("iniprice" + i));
        var price2 = price1 * rate;

        $("price" + i).innerHTML = ws2(price2);
    }
}

function tobuy(accountid, i, servername, realm) {
    var cprice = $("price" + i).innerHTML;
    var moneytype = escape($("moneytype" + i).innerHTML);

    var remark = $("remark" + i).innerHTML;

    var iniprice = $F("iniprice" + i);

    var cookievalue = cprice + "@|@" + moneytype + "@|@" + accountid + "@|@" + gamename + "@|@" + servername + "@|@" + iniprice + "@|@" + realm;

    cookievalue = cookievalue.replace("–", "||");
    remark = remark.replace("–", "||");
    setCookie("accountinfo", cookievalue, 1);
    setCookie("Remark", remark, 1);
    window.location.href = "buynow.html";
}

//首页滚动内的方法 
function ToBuy(accountId) {
    var value = $("info" + accountId).innerHTML;
    var gameName1, serverName1, race1, price1, remark1;

    gameName1 = trim(value.split("@|@")[0]);
    serverName1 = trim(value.split("@|@")[1]);
    race1 = trim(value.split("@|@")[2]);
    price1 = trim(value.split("@|@")[3]);
    remark1 = trim(value.split("@|@")[4]);

    race1 = trim(getrealm(race1));
    serverName1 = trim(serverName1.replace("'", "@"));
    var cookieValue = price1 + "@|@USD@|@" + accountId + "@|@" + gameName1 + "@|@" + serverName1 + "@|@" + price1 + "@|@" + race1;

    cookieValue = cookieValue.replace("–", "||");
    remark1 = remark1.replace("–", "||");
    setCookie("accountinfo", escape(cookieValue), 1);
    setCookie("Remark", remark1, 1);
    window.open("buynow.html", "_blank");
}

function ltrim(s) {
    return s.replace(/^\s*/, "");
}
//去右空格;
function rtrim(s) {
    return s.replace(/\s*$/, "");
}
//左右空格;
function trim(s) {
    return rtrim(ltrim(s));
}

//bind servername
function bindserverddl() {
    if (getCookie("searchvalue") != null) {
        var cookievalue = getCookie("searchvalue");
        //setCookie("searchvalue", "", -1);

        var arr = cookievalue.split("|");

        var serverindex = arr[0];
        var factionindex = arr[1];
        var levelindex = arr[2];
        var level = arr[3];
        var raceindex = arr[4];
        var classindex = arr[5];
        var lpriceddl = arr[6];
        var price = arr[7];

        $("serverddl").selectedIndex = serverindex;

        if (factionindex == "1") {
            $("ra").checked = true;
        }
        if (factionindex == "2") {
            $("rh").checked = true;
        }

        if (levelindex == "0") {
            $("la").checked = true;
        }
        if (levelindex == "1") {
            $("le").checked = true;
        }

        $("leveltb").value = level;

        $("raceddl").selectedIndex = raceindex;

        $("classddl").selectedIndex = classindex;

        if (lpriceddl == "0") {
            $("pmin").checked = true;
        }
        if (lpriceddl == "1") {
            $("pmax").checked = true;
        }

        $("pricetb").value = price;

        search();
    }
}

function pSearch() {
    setCookie("AccountID","",-1);  //清理帐号搜索
    maxIndex = 1;
    index = 1;
    search();
}

//search
function search() {
    setCookie("NaviID", "", -1); //当再次执行查询时,清除保存的导航
    var sservername = $F("serverddl");

    var slevel = $F("leveltb").strip();
    var srace = $F("raceddl");
    var sclass = $F("classddl");
    var sprice = $F("pricetb").strip();

    var srealm = "%";
    if ($("ra").checked) {
        srealm = "A";
    }
    if ($("rh").checked) {
        srealm = "H";
    }

    var fuhao1;
    if ($("la").checked) {
        fuhao1 = ">=";
    }
    if ($("le").checked) {
        fuhao1 = "=";
    }


    var fuhao2 = "=";
    if ($("pmax").checked) {
        fuhao2 = ">=";
    }
    if ($("pmin").checked) {
        fuhao2 = "<=";
    }

    if (sservername == "All Server") {
        sservername = "%";
    }

    if (srace == "All Race") {
        srace = "%";
    }

    if (sclass == "All Class") {
        sclass = "%";
    }

    if (slevel == "") {
        slevel = 0;
    }
    if (sprice == "") {
        sprice = 0;
    }

    if (isNaN(slevel)) {
        alert("Please fill number!");
        $("leveltb").value = "";
        return;
    }

    if (isNaN(sprice)) {
        alert("Please fill number!");
        $("pricetb").value = "";
        return;
    }

    if (Number(slevel) > 80) {
        alert("Level must be not more than 80!");
        return;
    }
    sservername = sservername.replace("'", "@");

    var serverindex = $("serverddl").selectedIndex;  //重新保存查询的结果
    var factionindex = 0;
    if ($("ra").checked) factionindex = 1;
    if ($("rh").checked) factionindex = 2;
    var levelindex = $("la").checked ? 0 : 1;
    var level = $F("leveltb").strip();
    var raceindex = $("raceddl").selectedIndex;
    var classindex = $("classddl").selectedIndex;
    var lpriceddl = $("pmin").checked ? 0 : 1;
    var price = $F("pricetb").strip();
    var searchvalue = serverindex + "|" + factionindex + "|" + levelindex + "|" + level + "|" + raceindex + "|" + classindex + "|" + lpriceddl + "|" + price;
    setCookie("searchvalue", searchvalue, 1);
    
    var accountid = getCookie("AccountID");
    if(accountid == null) accountid = "";
    
    var url = "ashx/search.ashx?gameid="
                + gameid + "&servername=" + sservername + "&reaml=" + srealm + "&fuhao1=" + fuhao1 +
                "&level=" + slevel + "&race=" + srace + "&class=" + sclass + "&fuaho2=" + fuhao2 + "&price=" + sprice + "&index=" + index + "&id=" + accountid;

    var myAjax = new Ajax.Request(
                                    url,
                                    {
                                        method: "get",
                                        onComplete: searchdo
                                    }
                                );
}

function searchdo(xmlhttp) {
    $("gearSummary").innerHTML = "";
    accountlistcreate(xmlhttp);
}

//race img
function getimage2(sex, race, job) {
    if (sex == "0") {
        sex = " female ";
    }
    else {
        sex = " male ";
    }

    var img = "images/signer/" + race + sex + job + ".gif";
    return img;
}

//show tran
function showdiv(divtran) {
    var div = document.createElement("div");

    div.id = "trandiv"; div.style.position = "absolute";
    var proc = GetObjPos(divtran);

    div.innerHTML = "<table width='242' border='0' cellspacing='0' cellpadding='0' style='color:red;font-weight:normal'>" +
                    "<tr><td><img src='images/buy_tk_01.gif' width='242' height='10'></td></tr>" +
                    "<tr><td background='images/buy_tk_02.gif' class='jjf ffv fwb fs11'  align='left'>" +
                    "This character is transferable to all realms . Our company will help doing the paid-transfer service for free but only for $300 or more.Use our Livechat or bussiness email to get the details!" +
                    "</td></tr>" +
                    "<tr><td><img src='images/buy_tk_04.gif' width='242' height='43'></td></tr>" +
                    "</table>";
    div.style.left = proc.x;
    if (document.all) {
        div.style.top = proc.y - 100 - 50;
    }
    else {
        div.style.top = proc.y - 135 + "px";
    }

    div.setAttribute("z-index", "10");

    divtran.appendChild(div);
}

//hidden div
function hidediv(divtran) {
    var div = $("trandiv");
    if (div != null) {
        divtran.removeChild(div);
    }
}

//获取控件的位置
function GetObjPos(ATarget) {
    var target = ATarget;
    var pos = new CPos(target.offsetLeft, target.offsetTop);

    var target = target.offsetParent;
    while (target) {
        pos.x += target.offsetLeft;
        pos.y += target.offsetTop;

        target = target.offsetParent
    }

    return pos;
}
function CPos(x, y) {
    this.x = x;
    this.y = y;
}