/*
 * This file is part of Deliantra clientV.
 *
 * Copyright (©) 2012 Marek Olszewski <m.olszewski@wit.edu.pl>
 *
 * Deliantra clientV is free software: you can redistribute it and/or
 * modify it under the terms of the Affero GNU General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the Affero GNU General Public Licens
 * and the GNU General Public License along with this program. If not, see
 * <http://www.gnu.org/licenses/>.
 *
 * The authors can be reached via e-mail to <support@deliantra.net>
 */

String.prototype.each = function (f,p){
    for (var i=0;i<this.length;++i){
        f.apply(this,[this[i],i,p]);
    }
};

Array.prototype.each = function (f,p){
    for (var i=0;i<this.length;++i){
        f.apply(this,[this[i],i,p]);
    }
};

Array.prototype.contains = function (e){
    return this.indexOf(e) >= 0 && this.indexOf(e)<this.length;
}

var ctx = null;
var stage = null;
var output = null;
var commandline = null;

var channels = {length: 0,list: []};

var dx=0;
var dy=0;

var Map = null;

messageBox = window.alert;

alert = function (s){
    writeToScreen(s);
}

var floorItems = [];
var myItems = [];
var mySpells = [];
var myStats = [];
var skillNames = [];

var skipKeyTest = false;

var keys = {
    shift: 0,
    alt: 0,
    ctrl: 0,
    states : []
};

var player = {
    tag: 0,
    weight: 0,
    face: 0,
    name: ""
}


var versionInfo = {
    perlver:      "5.014002",
    clientver:    "3.0Af0000000",
    client:       "deliantra",
    gl_vendor:    "NVIDIA Corporation",
    gl_version:   "4.2.0 NVIDIA 302.11",
    modulever:    "1.31",
    osver:        "linux",
    protver:      1
};
var expTableFacenum = -1;

var isRunning = false;
var isFiring = false;

mapsize = {width: 0,height:0};

var currentWindow=null;
var currentWindowOffset = {x:0,y:0};
var currentWindowResize = false;

var xMapWindow = null;
var xFloorWindow = null;
var xPlayerWindow = null;
var pattern = null;
var patternImage = null;
var isMainCalled = false;
var xInfoWindow = null;
var xBarsWindow = null;
var xCommmandWindow = null;
var xChatBoxWindow = null;

function appendToBody(e){
    document.getElementsByTagName("body")[0].appendChild(e);
}

function getPassword (){
    return document.getElementById("password").value.trim();
}

function getLogin (){
    return document.getElementById("login").value.trim();
}

function createCommandWindow (){
    var div = createWindow("command",250,250,stage.stageWidth/2-250/2,stage.stageHeight-250/2);
    var login = document.createElement("input");
    login.type = "text";
    login.placeholder = login.id =  "command";
    login.style.width = "100%";

    div.contents.appendChild(login);

    var button = document.createElement("input");
    button.type = "button";
    button.value = "execute command";
    button.style.width = "100%";
    div.contents.appendChild(button);
    button.addEventListener("click",function (e){
        doSend("command "  + login.value);
        xCommmandWindow.show(false);
        skipKeyTest = false;
    })
    var button = document.createElement("input");
    button.type = "button";
    button.value = "cancel";
    button.style.width = "100%";
    div.contents.appendChild(button);
    button.addEventListener("click",function (e){
        xCommmandWindow.show(false);
        skipKeyTest = false;
    })
    return div;

}

function createLoginWindow(){
    var div = createWindow("login",260,180,stage.stageWidth/2-250/2,stage.stageHeight/2-250/2).contents;;
    var login = document.createElement("input");
    login.type = "text";
    login.placeholder = login.id =  "login";
    login.style.width = "100%";
    login.value = "deliantra login";
    div.appendChild(login);
    var password = document.createElement("input");
    password.type = "password";
    password.value = "";
    password.style.width = "100%";
    password.placeholder = password.id = "password";
    div.appendChild(password);

    var button = document.createElement("input");
    button.type = "button";
    button.value = "logmein";
    button.style.width = "100%";
    div.appendChild(button);


    button.addEventListener("click",function (e){
        div.parent.style.display="none";
        xMapWindow.contents.appendChild(canvas);
        xMapWindow.show(true);
        xFloorWindow.show(true);
        xBarsWindow.show(true);
        ctx.fillStyle = "#000";


        setInterval(draw,1000/5);

        websocket = new WebSocket(wsUri);
        websocket.onopen = function(evt) { onOpen(evt) };
        websocket.onclose = function(evt) { onClose(evt) };
        websocket.onmessage = function(evt) { onMessage(evt) };
        websocket.onerror = function(evt) { onError(evt) };
    })
    button = document.createElement("input");
    button.type = "button";
    button.value = "logmeinasnull";
    button.style.width = "100%";
    div.appendChild(button);
    button.addEventListener("click",function (e){
        login.value = password.value = "null";
        div.parent.style.display="none";
        xMapWindow.contents.appendChild(canvas);
        xMapWindow.show(true);
        xFloorWindow.show(true);
        xBarsWindow.show(true);
        ctx.fillStyle = "#000";
        ctx.font = "10px Courier New,MonoSpace";
        setInterval(draw,1000/5);

        websocket = new WebSocket(wsUri);
        websocket.onopen = function(evt) { onOpen(evt) };
        websocket.onclose = function(evt) { onClose(evt) };
        websocket.onmessage = function(evt) { onMessage(evt) };
        websocket.onerror = function(evt) { onError(evt) };
    })
    button = document.createElement("input");
    button.type = "button";
    button.value = "logmeinasNULL";
    button.style.width = "100%";
    div.appendChild(button);
    button.addEventListener("click",function (e){
        login.value = password.value = "NULL";
        div.parent.style.display="none";
        xMapWindow.contents.appendChild(canvas);
        xMapWindow.show(true);
        xFloorWindow.show(true);
        xBarsWindow.show(true);
        ctx.fillStyle = "#000";
        ctx.font = "10px Courier New,MonoSpace";
        setInterval(draw,1000/5);
        websocket = new WebSocket(wsUri);
        websocket.onopen = function(evt) { onOpen(evt) };
        websocket.onclose = function(evt) { onClose(evt) };
        websocket.onmessage = function(evt) { onMessage(evt) };
        websocket.onerror = function(evt) { onError(evt) };
    })
    button = document.createElement("input");
    button.type = "button";
    button.value = "logmeinasVOID";
    button.style.width = "100%";
    div.appendChild(button);
    button.addEventListener("click",function (e){
        login.value = password.value = "VOID";
        div.parent.style.display="none";
        xMapWindow.contents.appendChild(canvas);
        xMapWindow.show(true);
        xFloorWindow.show(true);
        xBarsWindow.show(true);
        ctx.fillStyle = "#000";
        ctx.font = "10px Courier New,MonoSpace";
        setInterval(draw,1000/5);
        websocket = new WebSocket(wsUri);
        websocket.onopen = function(evt) { onOpen(evt) };
        websocket.onclose = function(evt) { onClose(evt) };
        websocket.onmessage = function(evt) { onMessage(evt) };
        websocket.onerror = function(evt) { onError(evt) };
    })
    return div.parent;


}

function draw(){
    xBarsWindow.ctx.fillStyle = "#000";
    xBarsWindow.ctx.fillRect(0,0,xBarsWindow.sw,xBarsWindow.sh);


    if ( typeof (myStats[CS_STAT_MAXHP]) == typeof(1)){
            xBarsWindow.ctx.save();

            xBarsWindow.ctx.fillStyle = "#F00";
            xBarsWindow.ctx.globalAlpha = 0.5;
            xBarsWindow.ctx.fillRect(10,10,20,xBarsWindow.sh);
            xBarsWindow.ctx.fillRect(10,10+xBarsWindow.sh-(myStats[CS_STAT_HP]/myStats[CS_STAT_MAXHP])*xBarsWindow.sh,20,(myStats[CS_STAT_HP]/myStats[CS_STAT_MAXHP])*xBarsWindow.sh);
            xBarsWindow.ctx.restore();
    }

    if ( typeof (myStats[CS_STAT_MAXSP]) == typeof(1)){
        xBarsWindow.ctx.save();

        xBarsWindow.ctx.fillStyle = "#00F";
        xBarsWindow.ctx.globalAlpha = 0.5;
        xBarsWindow.ctx.fillRect(50,10,20,xBarsWindow.sh);
        xBarsWindow.ctx.fillRect(50,10+xBarsWindow.sh-(myStats[CS_STAT_SP]/myStats[CS_STAT_MAXSP])*xBarsWindow.sh,20,(myStats[CS_STAT_SP]/myStats[CS_STAT_MAXSP])*xBarsWindow.sh);
        xBarsWindow.ctx.restore();
    }
    if ( typeof (myStats[CS_STAT_MAXGRACE]) == typeof(1)){
        xBarsWindow.ctx.save();
        xBarsWindow.ctx.fillStyle = "#0FF";
        xBarsWindow.ctx.globalAlpha = 0.5;
        xBarsWindow.ctx.fillRect(90,10,20,xBarsWindow.sh);
        xBarsWindow.ctx.fillRect(90,10+xBarsWindow.sh-(myStats[CS_STAT_GRACE]/myStats[CS_STAT_MAXGRACE])*xBarsWindow.sh,20,(myStats[CS_STAT_GRACE]/myStats[CS_STAT_MAXGRACE])*xBarsWindow.sh);
        xBarsWindow.ctx.restore();
    }

    if ( typeof (myStats[CS_STAT_FOOD]) == typeof(1)){
        xBarsWindow.ctx.save();
        xBarsWindow.ctx.fillStyle = "#ff0";
        xBarsWindow.ctx.globalAlpha = 0.5;
        xBarsWindow.ctx.fillRect(130,10,20,xBarsWindow.sh);
        xBarsWindow.ctx.fillRect(130,10+xBarsWindow.sh-(myStats[CS_STAT_FOOD]/999)*xBarsWindow.sh,20,(myStats[CS_STAT_FOOD]/999)*xBarsWindow.sh);
        xBarsWindow.ctx.restore();
    }
}

function main (){

    for (var i = 0;i<255;++i){
        keys.states[i]=0;
    };




    if (isMainCalled==true){
        return;
    }
    isMainCalled = true;

	window.WebSocket = window.WebSocket || window.MozWebSocket;

    if (window.WebSocket){


        canvas = document.createElement("canvas");
        var sw = canvas.width = window.innerWidth-10;
        var sh = canvas.height =window.innerHeight-10;
        var dx = Math.floor(sw/64);
        var dy = Math.floor((sh-120)/64);

        dx = dy = Math.min(dx,dy);
        stage = {stageWidth:sw,stageHeight:sh};
        var logWindow = createWindow("log",stage.stageWidth,120,0,0);
        xMapWindow = createWindow("map",dx*64+30,dy*64+30,0,120);
        xMapWindow.style.top = (sh-xMapWindow.height()-20)+"px";
        xMapWindow.show(false);
        canvas.width = xMapWindow.width()-10;
        canvas.height = xMapWindow.height()-25;




        xFloorWindow = createWindow("floor",Math.floor((sw-xMapWindow.width()-30)/2),350,xMapWindow.width()+30,stage.stageHeight-20-350);
        xFloorWindow.show(false);

        xPlayerWindow = createWindow("player",sw - 30,sh-30,10,10);
        //xPlayerWindow.show(false);

        xPlayerWindow.contents.innerHTML = "";
        var buttons = ["Statistics","Skills","SpellBook","Inventory"];
        var div = document.createElement("div");
        div.className = "buttons_widnow_content";
        xPlayerWindow.contents.appendChild(div);

        for (var i = 0;i<buttons.length;++i){
            var button = document.createElement("input");
            button.type="button";
            button.value = buttons[i] + " (F"+(i+2)+")";
            button.addEventListener("click",showPlayerTab);
            div.appendChild(button);
        }
        div = document.createElement("div");
        div.className = "player_widnow_content";
        xPlayerWindow.contents.appendChild(div);

        div = document.createElement("div");
        div.className = "floor_widnow_content";
        xPlayerWindow.contents.appendChild(div);

        div = document.createElement("div");
        div.className = "spellbook_widnow_content";
        xPlayerWindow.contents.appendChild(div);

        div = document.createElement("div");
        div.className = "skills_widnow_content";
        xPlayerWindow.contents.appendChild(div);

        div = document.createElement("div");
        div.className = "statistics_widnow_content";
        xPlayerWindow.contents.appendChild(div);

        hideAllPlayerTabs();

        xPlayerWindow.show(false);
        ctx = canvas.getContext('2d');

        appendToBody(createLoginWindow());
        window.addEventListener("click",onClick);
        window.addEventListener("contextmenu",onClick);
        window.addEventListener("mousemove",onMouseMove);
        window.addEventListener("mouseup",onMouseUp);

        //document.getElementsByTagName("body")[0].addEventListener("contextmenu",onClick);
	//document.addEventListener("contextmenu",onClick);

        output = $_("textarea");

        output.style.opacity ="0.3";
        output.style.filter ="filter:alpha(opacity=30);";

        output.style.width = "99%"
	    output.style.height = "70%";
        logWindow.contents.appendChild(output);

        xBarsWindow = createWindow("bars",250,300,sw - 280,sh-320);
        var barsCanvas = $_("canvas");
        barsCanvas.width = xBarsWindow.sw = xBarsWindow.width() - 20;
        barsCanvas.height =xBarsWindow.sh =  xBarsWindow.height() - 20;
        xBarsWindow.contents.appendChild(barsCanvas);
        xBarsWindow.ctx = barsCanvas.getContext("2d");
        xBarsWindow.ctx.fillStyle = "#000";
        xBarsWindow.ctx.fillRect(0,0,xBarsWindow.sw,xBarsWindow.sh);
        xBarsWindow.show(false);
        xInfoWindow = createWindow("info",300,200,-400,-300);
        xInfoWindow.show(false);
        xCommmandWindow = createCommandWindow();
        xCommmandWindow.show(false);
        xChatBoxWindow = createWindow("chatbox",sw-xMapWindow.width()-20,300,sw-(sw-xMapWindow.width()-20),logWindow.height()+10);
        xChatBoxWindow.buttonsContainer = $_("div");
        xChatBoxWindow.contents.appendChild(xChatBoxWindow.buttonsContainer);
        xChatBoxWindow.channelContainer = $_("div");
        xChatBoxWindow.channelContainer.style.height = "100%";
        xChatBoxWindow.contents.appendChild(xChatBoxWindow.channelContainer);


    }
};


function showPlayerTab (e,tn){

    xPlayerWindow.show(true);
    var tabName = tn ? tn : (this.value).split(" ")[0].toLowerCase();

    var div;

    switch (tabName){
        case "inventory":
            hideAllPlayerTabs();
            var content = xPlayerWindow.getElementsByClassName("player_widnow_content")[0];
            content.style.display = "block";
            content = xPlayerWindow.getElementsByClassName("floor_widnow_content")[0];
            content.style.display = "block";
           updateItemsList();
        break;
        case "spellbook":

            hideAllPlayerTabs();
            var content = xPlayerWindow.getElementsByClassName("spellbook_widnow_content")[0];
            content.style.display = "block";
            updateSpellList();
            break;
        case "skills":
            hideAllPlayerTabs();
            var content = xPlayerWindow.getElementsByClassName("skills_widnow_content")[0];
            content.style.display = "block";
            updateSkillList();
            break;;
        case "statistics":
            hideAllPlayerTabs();
            var content = xPlayerWindow.getElementsByClassName("statistics_widnow_content")[0];
            content.style.display = "block";
            updateStatsList();
            break;;
        default:

        break;
    }
}
var playerTabs = ["player_widnow_content","floor_widnow_content","spellbook_widnow_content","skills_widnow_content","statistics_widnow_content"];

function hideAllPlayerTabs (){
    for (var i = 0;i<playerTabs.length;++i){
        xPlayerWindow.getElementsByClassName(playerTabs[i])[0].style.display="none";
    }
}

function updateStatsList(){
    var content = xPlayerWindow.getElementsByClassName("statistics_widnow_content")[0];
    var div;
    content.innerHTML = "";
    var tableLeft;
    var tableRight;
    var tr;
    var td;

    content.appendChild(div=$_("div"));
    div.innerHTML = "Primary/Secondary statistics.";
    content.appendChild($_("hr"));
    content.appendChild(tableLeft = $_("table"));
    tableLeft.style.width="45%";
    tableLeft.style.float = "left";
    content.appendChild(tableRight = $_("table"));
    tableRight.style.width="45%";
    tableRight.style.float = "right";
    content.appendChild(div=$_("br"));
    content.appendChild(div=$_("br"));
    content.appendChild(div=$_("div"));
    div.innerHTML = "Resistances.";
    div.style.clear = "both";
    content.appendChild($_("hr"));

    var j=0;

    var basicStats = [CS_STAT_STR,CS_STAT_INT,CS_STAT_WIS,CS_STAT_DEX,CS_STAT_CON,CS_STAT_CHA,CS_STAT_WC,CS_STAT_AC,CS_STAT_DAM,/*CS_STAT_ARMOUR,*/CS_STAT_SPEED,CS_STAT_WEAP_SP];
    var basicStatsNames = ['CS_STAT_STR','CS_STAT_INT','CS_STAT_WIS','CS_STAT_DEX','CS_STAT_CON','CS_STAT_CHA','CS_STAT_WC','CS_STAT_AC','CS_STAT_DAM',/*'CS_STAT_ARMOUR',*/'CS_STAT_SPEED','CS_STAT_WEAP_SP'];


    for (i=0;i<basicStats.length;++i){

        var table = i<6 ? tableLeft : tableRight;

        table.appendChild(tr = $_("tr"));
        tr.index = i;


        tr.appendChild(td=$_("td"));
        td.innerHTML = basicStatsNames[i];


        tr.appendChild(td=$_("td"));
        td.innerHTML = myStats[basicStats[i]];

    };
    var resNames = ['CS_STAT_RES_PHYS','CS_STAT_RES_MAG','CS_STAT_RES_FIRE','CS_STAT_RES_ELEC','CS_STAT_RES_COLD','CS_STAT_RES_CONF','CS_STAT_RES_ACID',
        'CS_STAT_RES_DRAIN','CS_STAT_RES_GHOSTHIT','CS_STAT_RES_POISON','CS_STAT_RES_SLOW','CS_STAT_RES_PARA','CS_STAT_TURN_UNDEAD','CS_STAT_RES_FEAR',
        'CS_STAT_RES_DEPLETE', 'CS_STAT_RES_DEATH', 'CS_STAT_RES_HOLYWORD','CS_STAT_RES_BLIND'];

    content.appendChild(tableLeft = $_("table"));
    tableLeft.style.width="40%";
    tableLeft.style.float = "left";
    content.appendChild(tableRight = $_("table"));
    tableRight.style.width="40%";
    tableRight.style.float = "right";

    for (i=CS_STAT_RESIST_START;i<CS_STAT_RESIST_END;++i){
        var table = i%2==0 ? tableLeft : tableRight;

        table.appendChild(tr = $_("tr"));
        tr.index = i;


        tr.appendChild(td=$_("td"));
        td.innerHTML = resNames[i-CS_STAT_RESIST_START];


        tr.appendChild(td=$_("td"));
        td.innerHTML = myStats[i];

    }




}

function getItemById(itmid){
    var itm = findItem(myItems,itmid);
    if (itm){
        return itm;
    }
    itm = findItem(floorItems,itmid);
    if (itm){
        return itm;
    }
    for (var s in containers){
        if (typeof(containers[s]) == typeof({}) ){
            itm = findItem(containers[s],itmid);
            if (itm){
                return itm;
            }

        }
    }
}
function updateItemsList(){
    var content = xPlayerWindow.getElementsByClassName("player_widnow_content")[0];


    content.innerHTML = "";
    myItems.each(function (item,i,p){
        if (isNaN(item.nr_of))
            return;
        content.appendChild(div = $_("div"));
        var img = tilesInfo.getImgByFaceNum(item.face);
        if (img){
            div.innerHTML="<div><input type='hidden' value='"+item.itemId+"'/> <img src='"+img.src+"' alt='' style='width:32px;'/>"+(item.nr_of>1?item.namepl:item.name)+(item.nr_of>1?item.nr_of:"")+"</div>"
        }else{
            div.innerHTML="<div><input type='hidden' value='"+item.itemId+"'/>"+(item.nr_of>1?item.namepl:item.name)+"</div>"
        }

        div.addEventListener("click",myInventoryItemClick);
        div.addEventListener("mouseover",inventoryItemMouseOver);
        div.addEventListener("mouseout",inventoryItemMouseOut);
        div.addEventListener("mousemove",inventoryItemMouseMove);
    },{})

    content = xPlayerWindow.getElementsByClassName("floor_widnow_content")[0];


    content.innerHTML = "";
    var container = secondaryContainer != 0 ? containers["container_" + secondaryContainer] : floorItems;
    container.each(function (item,i,p){
        if (isNaN(item.nr_of))
            return;
        content.appendChild(div = $_("div"));
        var img = tilesInfo.getImgByFaceNum(item.face);
        if (img){
            div.innerHTML="<div><input type='hidden' value='"+item.itemId+"'/> <img src='"+img.src+"' alt='' style='width:32px;'/>"+(item.nr_of>1?item.namepl:item.name)+(item.nr_of>1?item.nr_of:"")+"</div>"
        }else{
            div.innerHTML="<div><input type='hidden' value='"+item.itemId+"'/>"+(item.nr_of>1?item.namepl:item.name)+"</div>"
        }
        div.addEventListener("mouseover",inventoryItemMouseOver);
        div.addEventListener("mouseout",inventoryItemMouseOut);
        div.addEventListener("mousemove",inventoryItemMouseMove);
        div.addEventListener("click",floorInventoryItemClick);
    },{})

}

function floorInventoryItemClick(e){
    var itemId = parseInt(this.getElementsByTagName("input")[0].value);

    if (!keys.shift){
       return;
    }

        for (var i = 0;i<floorItems.length;++i){
            if (parseInt(floorItems[i].itemId) == itemId){
                doSend("command get "+ (floorItems[i].nr_of>1 ? floorItems[i].namepl:floorItems[i].name));
            }else{

            }
        }
}

function myInventoryItemClick(e){
    var itemId = parseInt(this.getElementsByTagName("input")[0].value);

    if (!keys.shift){
        return;
    }
    for (var i = 0;i<myItems.length;++i){


        if (parseInt(myItems[i].itemId) == itemId){
            doSend("command drop "+ (myItems[i].nr_of>1 ? myItems[i].namepl:myItems[i].name));
        }else{

        }
    }

}

function inventoryItemMouseOver(e){
    this.style.background = "solid";
    this.style.backgroundColor="white";
    var itemId = this.getElementsByTagName("input")[0].value;
    doSend("ex " + itemId);

    xInfoWindow.show(true);
    xInfoWindow.style.left = (e.clientX+5)+"px";
    xInfoWindow.style.top = (e.clientY+5)+"px";
}

function inventoryItemMouseMove(e){

    xInfoWindow.style.left = (e.clientX+5)+"px";
    xInfoWindow.style.top = (e.clientY+5)+"px";

}

function inventoryItemMouseOut(e){
    this.style.background = "transparent";
    xInfoWindow.show(false);
}

function createWindow(title,width,height,x,y){
    var windowTemplate = document.getElementById("window_template_container").innerHTML;
    var div = $_("div");
    div.innerHTML = windowTemplate;

    var xwindow = div.getElementsByClassName("window")[0];
    xwindow.style.left = x+"px";
    xwindow.style.top = y+"px";
    xwindow.style.width = width + "px";
    xwindow.width = function (){
        return parseInt(xwindow.style.width);
    };

    xwindow.height = function (){
        return parseInt(xwindow.style.height);
    };
    xwindow.show = function (b){
        xwindow.style.display = b?"block":"none";
        return true;
    };
    xwindow.visible = function (b){
        return xwindow.style.display =="block";
    };
    xwindow.style.height = height + "px";
    xwindow.getElementsByClassName("window_top_title")[0].innerHTML = title;
    xwindow.getElementsByClassName("window_close")[0].onclick = function (){(xwindow.close());};
    xwindow.onmousedown = function (e) { if (e.clientY-parseInt(xwindow.style.top)<25){
                                            currentWindow = xwindow;
                                            currentWindowOffset={x:e.clientX-parseInt(xwindow.style.left),y:e.clientY-parseInt(xwindow.style.top)}
                                         }else if (e.clientY-parseInt(xwindow.style.top)>parseInt(xwindow.style.height)-5){
                                            if (e.clientX-parseInt(xwindow.style.left)>parseInt(xwindow.style.width)-5){
                                                currentWindowResize = true;
                                                currentWindow = xwindow;
                                            }
                                          }
                                        };
    xwindow.contents = xwindow.getElementsByClassName("content")[0];
    xwindow.contents.parent = xwindow;
    xwindow.close = function (){document.getElementsByTagName("body")[0].removeChild(xwindow);};
    appendToBody(xwindow);
    return xwindow;
}

function onMouseUp (e){

    if (currentWindow!=null){
        currentWindow = null;
        currentWindowResize = false;
    }
}

function onMouseMove (e){
    stage.mouseX = e.clientX;
    stage.mouseY = e.clientY;
    if (currentWindow!=null){
        if (currentWindowResize == false){
            currentWindow.style.left = (stage.mouseX-currentWindowOffset.x)+"px";
            currentWindow.style.top = (stage.mouseY-currentWindowOffset.y)+"px";
        }else{
            currentWindow.style.width = (stage.mouseX-parseInt(currentWindow.style.left))+"px";
            currentWindow.style.height = (stage.mouseY-parseInt(currentWindow.style.top))+"px";
        }
    }
}

function ptInRect(pt,rect){
    if (pt.x<rect.x) return false;
    if (pt.y<rect.y) return false;
    if (pt.x>rect.x+rect.width) return false;
    if (pt.y>rect.y+rect.height) return false;
    return true;
}

function onClick (e){
    x = e.clientX;
    y = e.clientY;

    try{
	e.preventDefault();
    }catch (ex){
	
    }
    return false;
}

function channels_setActive(channel_info){
    for (var i=0;i<channels.length;++i){
        if (channels.list[i]==channel_info){
            channels.list[i].isActive = true;
        }else{
            channels.list[i].isActive = false;
        }
    }
}

function channels_addMessage(channelId,o){
    var ta = channels_get_chat_box("channel_" + channelId);
    if (ta == null)
        return;
    ta.value = ta.value + JSON.stringify(o);;
    channels[channelId].newMessages = true;
}


function channels_add(channel_info){
    var button,textarea;
    if (channels[channel_info['id']]){
        return;
    }
    channel_info.messages = [];
    channel_info.index = channels.list.length;
    channels[channel_info['id']] = channel_info;
    channels.list.push (channel_info);
    channels.length+=1;
    channels_setActive(channel_info);
    xChatBoxWindow.buttonsContainer.appendChild(button=$_("input"));
    button.value = channel_info['id'];
    button.type = "button";
    xChatBoxWindow.channelContainer.appendChild(textarea=$_("textarea"));
    textarea.id = "channel_" + button.value;
    textarea.style.width = "90%";
    textarea.style.height = "85%";
    channels_hide_other ("channel_" + button.value);
    button.onclick = function (){
        channels_hide_other ("channel_" + button.value);
    };
}
function channels_get_chat_box (pid){
    var list = xChatBoxWindow.channelContainer.getElementsByTagName("textarea");
    for (var i=0;i<list.length;++i){
        var e = list[i];
        if (e.id == pid)
            return e;
    };
    return null;
}
function channels_hide_other(pid){
    var list = xChatBoxWindow.channelContainer.getElementsByTagName("textarea");
    for (var i=0;i<list.length;++i){
        var e = list[i];
        if (e.id != pid)e.style.display = "none";else e.style.display = "block";
    };
}


/**
 * SOCKET EVENTS
 */
function onOpen(evt)
{
    writeToScreen("CONNECTED");
    doSend('version {"clientver":"0.001","client":"deliantra html5 client","osver":"linux","protver":1}');
}

function onClose(evt)
{
    writeToScreen("DISCONNECTED");
}
function onError(evt)
{
    writeToScreen("ERROR!");
}

function onMessage2(data)
{
    var patt=/[0-9a-z_]*[^0-9a-z_]/i;
    var feed = "" + data.match(patt);
    feed = feed.substr (0,feed.length -1);
    if (feed=="nul"){
        if (data=="newmap"){
            feed="newmap";
        }else{
            return;
        }
    }
    if ((window['feed_' + feed])&&(typeof(window['feed_' + feed])=="function")){
        var retVal = window['feed_' + feed](data,bytes2arr(data),data);
        if (!retVal){
        }
    }else{
        //unhandled feed
    }
}

function onMessage(evt)
{
    var data = evt.data;

    if (data instanceof Blob){
        var r = new FileReader ();
        r.readAsBinaryString (data);
        r.onloadend = function(progress) {
            onMessage2 (r.result);
        };
    }else{
        onMessage2 (data);
    }
}

var exti  = {
    nextId : 100,
    getNextId : function (){
        return this.nextId++;
    }
};


/**
 * HANDLE FEEDS FROM SERVER
 */
function feed_upditem (data,dataAsArray){
    var buff=new Buffer(dataAsArray);
    buff.position = "upditem ".length;
    var flags = buff.readUint8();
    var tag = buff.readUint32();

    var itm = getItemById(tag);
    if (!itm){
        return;
    }

    if (flags & UPD_LOCATION) {
        removeItemEx(tag);

        var container = buff.readUint32();
        if (container==player.tag){
            myItems.push(itm);
        }else if (container==0){
            floorItems.push(itm);
        }else{
            if (!typof(containers["container_" + container])==typeof([])){
                containers["container_" + container] = [];
            }
            containers["container_" + container].push (itm);
        }
    }
    if (flags & UPD_FLAGS)
        itm.flags = buff.readUint32();
    if (flags & UPD_WEIGHT)
        itm.weight = buff.readUint32();//$item->{weight} = unpack "l", pack "L", unpack "N", substr $data, 0, 4, "" ;
    if (flags & UPD_FACE)
        itm.face = buff.readUint32();


    if((itm.flags&F_OPEN)){
            secondaryContainer = tag;
            updateItemsList();
    }

    //TODO: finish it!
    /*
     if ($flags & UPD_NAME) {
     my $len = unpack "C", substr $data, 0, 1, "";

     my $names = substr $data, 0, $len, "";
     utf8::decode $names;
     @$item{qw(name name_pl)} = split /\x00/, $names;
     }

     $item->{anim}   = unpack "n", substr $data, 0, 2, "" if $flags & UPD_ANIM;
     $item->{animspeed} = TICK * unpack "C", substr $data, 0, 1, "" if $flags & UPD_ANIMSPEED;
     $item->{nrof}   = unpack "N", substr $data, 0, 4, "" if $flags & UPD_NROF;

     $item->{mtime} = time;

     if ($item->{tag} == $self->{player}{tag}) {
     $self->player_update ($self->{player} = $item);
     } else {
     $self->item_update ($item);
     }
     */
}
function removeItemEx(itmid){
    removeItem(myItems,itmid);
    removeItem(floorItems,itmid);
    for (var s in containers){
        if (typeof(containers[s]) == typeof({}) ){
            removeItem(containers[s],itmid);
        }
    }
}
function feed_delitem (data,dataAsArray){

    var buff=new Buffer(dataAsArray);
    buff.position = 8;

    while (buff.position<dataAsArray.length){
        var itmid = buff.readUint32();
        removeItemEx(itmid);
        if (typeof(containers["container_" + itmid]) == typeof({}) ){
            containers["container_" + itmid] = [];
        }

    }


    updateItemsList();

}
function findItem (items,itmid){
    for (var i=items.length-1;i>=0;--i){
        if (items[i].itemId == itmid){
            return items[i];
        }
    }
    return null;
}

function removeItem (items,itmid){
    for (var i=items.length-1;i>=0;--i){
        if (items[i].itemId == itmid){
            items.splice(i,1);
        }
    }

    updateItemsList();
}

function feed_ex (data,dataAsArray){
    var buff=new Buffer(dataAsArray);
    buff.position = 3;
    var len = buff.unpack_w();
    var str = buff.readString(len);
    xInfoWindow.contents.innerHTML = str.split("\n").join("<br/>")+"<small>shift+click - drop,move or pickup item</small>";

}

function feed_query (data,dataAsArray){
    switch (String.fromCharCode(dataAsArray[6])){
        case "0":
            //var login = prompt("What is your name? (login names are case-sensitive):");
            doSend("reply " + getLogin())
            return true;
        break;

        case "4":
            //var password = prompt("What is your password?");
            doSend("reply " + getPassword());

            return true
        break;

    }
    return false;
}


function feed_version (data,dataAsArray){
    var smapsize = Math.floor(xMapWindow.width()/64);
    mapsize.width = mapsize.height = parseInt(smapsize);
    smapsize = smapsize +"x" + smapsize;
    map_clear();
    doSend('setup tileset 1 excmd 1 smoothing 1 mapinfocmd 1 facecache 1 newmapcmd 1 extmap 1 fxix 3 darkness 1 extcmd 2 msg 2 frag 0 map1acmd 1 spellmon 1 itemcmd 2 exp64 1 widget 1 lzf 0 mapsize ' + smapsize);

    window.addEventListener("keydown",function (e){
        if (skipKeyTest){
            return;
        }

        if (keys.states [e.keyCode]==0){
            onKeyDown(e.keyCode);
        }

        keys.states [e.keyCode] = 1;

        try {
            e.preventDefault();
        }catch (e){

        }
        return false;
    });
    window.addEventListener("keyup",function (e){
        if (skipKeyTest){
            return;
        }
        if (keys.states [e.keyCode]==1){
            onKeyUp(e.keyCode);
        }
        keys.states [e.keyCode] = 0;
        try {
            e.preventDefault();
        }catch (e){

        }
        //isRunning = false;
        return false;
    });
    channels_add({id:"log"});
    channels_add({id:"map"});
    return false;
}

function feed_setup (data,dataAsArray){
    doSend('exti ["http_faceurl", ' + exti.getNextId()  +']');
}

function clear_cell (cell){
    cell.darkness = 256;
    cell.flags = 0;
    cell.player =0;
    cell.tiles = [];
    return cell;
}

function MapCell(){
    this.previousCell = null;
    this.nextCell = null;
    this.data = {};
    clear_cell(this.data);
}

function MapRow(){
    this.previousRow = null;
    this.nextRow = null;
    this.firstCell = null;
    this.lastCell = null;
    this.length = 0;
    while (this.length<mapsize.width){
        this.addCell(new MapCell());
    }
}
MapRow.prototype.addCell = function (cell){
    if (this.firstCell == null){
        this.firstCell = this.lastCell = cell;

        this.lastCell.nextCell = this.firstCell;
        this.lastCell.previousCell = this.firstCell;

        this.firstCell.nextCell = this.lastCell;
        this.firstCell.previousCell = this.lastCell;

        this.length = 1;
        return;
    }
    this.lastCell.nextCell = cell;
    cell.previousCell = this.lastCell;
    this.lastCell = cell;
    this.firstCell.previousCell = cell;
    cell.nextCell = this.firstCell;
    this.length+=1;
}

MapRow.prototype.shift = function (){
    var ret = this.firstCell;
    this.firstCell = ret.nextCell;
    this.lastCell.nextCell = this.firstCell;
    this.firstCell.previousCell = this.lastCell;
    return ret;
}

MapRow.prototype.pop = function (){
    var ret = this.lastCell;
    this.lastCell = ret.previousCell;
    this.lastCell.nextCell = this.firstCell;
    this.firstCell.previousCell = this.lastCell;
    return ret;
}

MapRow.prototype.push = function (cell){
    this.addCell(cell);
}

MapRow.prototype.unshift = function (cell){
    var tmp = this.firstCell;
    this.firstCell = cell;
    this.firstCell.nextCell = tmp;
    tmp.previousCell = this.firstCell;
    this.firstCell.previousCell = this.lastCell;
    this.lastCell.nextCell = this.firstCell;
}

function map_clear (){
    Map = {length:0,firstRow:null,lastRow : null,addRow:function (row){
        if (this.firstRow==null){
            this.firstRow = this.lastRow = row;
            this.length = 1;
            return;
        }
        this.lastRow.nextRow = row;
        row.previousRow = this.lastRow;
        this.lastRow = row;
        row.nextRow = this.firstRow;
        this.firstRow.previousRow = row;
        this.length++;
    }};

    while (Map.length<mapsize.height){
        Map.addRow(new MapRow());
    }

    if (stage&&stage.stageWidth)
        ctx.clearRect(0,0,stage.stageWidth,stage.stageHeight);
}

function map_get_cell (x,y){
    var i = 0;
    var mapRow = Map.firstRow;
    while (i<y){
        mapRow = mapRow.nextRow;
        ++i;
    }
    i = 0;
    var mapCell = mapRow.firstCell;
    while (i<x){
        mapCell=mapCell.nextCell;
        ++i;
    }
    return mapCell.data;
}

function map_get_cell_ex (x,y){
    var i = 0;
    var mapRow = Map.firstRow;
    while (i<y){
        mapRow = mapRow.nextRow;
        ++i;
    }
    i = 0;
    var mapCell = mapRow.firstCell;
    while (i<x){
        mapCell=mapCell.nextCell;
        ++i;
    }
    return mapCell;

}

function scroll_map (dx,dy){
    var x,y;
    var tmpDx = dx;
    var tmpDy = dy;
    var i=0;
    while (i<tmpDy){

        Map.firstRow = Map.firstRow.nextRow;
        Map.addRow(new MapRow());
        Map.length -=1;
        ++i;
    }
    i=0;
    while (tmpDy<i){
        var mapRow = new MapRow();
        mapRow.nextRow = Map.firstRow;
        Map.firstRow.previousRow = mapRow;
        mapRow.previousRow = Map.lastRow;
        Map.lastRow.nextRow = mapRow;
        Map.firstRow = mapRow;
        --i;
    }
    i = 0;
    while (i<tmpDx){
        var row = Map.firstRow;
        do {
            row.shift();
            row.push(new MapCell());
            row = row.nextRow;
        }while (row!=Map.firstRow);
        i++;
    }
    i = 0;
    while (tmpDx<i){
        var row = Map.firstRow;
        do {
            row.pop();
            row.unshift(new MapCell());
            row = row.nextRow;
        }while (row!=Map.firstRow);
        i--;
    }
}

function feed_map1a (stringData,data){

    scroll_map(dx,dy);
    dx = dy = 0;

    var x,y;

    var index = 6;

    while (index<data.length-2){
        var flags = (data[index++]<<8) + data[index++];
        x = ((flags >> 10) & 63);
        y = ((flags >>  4) & 63);

        cell = map_get_cell (x, y);
        if (!(flags&15)){
            clear_cell(cell);
            //ctx.clearRect(x<<6,(y<<6),64,64);
            continue;
        }

        if (cell.darkness==0){
            cell.darkness = 256;
        }

        if ((flags & 8)){
           do {
                    var cmd = 0;
                    var ext = 0;

                    ext = data[index++];
                    cmd = ext & 0x7f;
                    if (cmd<4){
                        cell.darkness = 255 - ext * 64 + 1;
                    }else if (cmd == 5){
                        cell.stat_width = 1;
                        cell.stat_hp = data[index++];
                    }else if (cmd == 6) {// monster width{
                        cell.stat_width = data[index++] + 1;
                    }else if (cmd == 0x47){
                        if      (data[index] == 1) cell.player = data [index + 1];
                        else if (data[index] == 2) cell.player = data [index + 2] + (data [index + 1] << 8);
                        else if (data[index] == 3) cell.player = data [index + 3] + (data [index + 2] << 8) + (data [index + 1] << 16);
                        else if (data[index] == 4) cell.player = data [index + 4] + (data [index + 3] << 8) + (data [index + 2] << 16) + (data [index + 1] << 24);

                        index += data[index] +1;
                    }
                else if (cmd == 8) // cell flags
                    cell.flags = data[index++];
                else if (ext & 0x40) // unknown, multibyte => skip
                    index+= data[index]+1;
                else
                    index++;
            }while (ext&0x80);
        }



        for (var z = 0; z <= 2; ++z)
        if ((flags & (4 >> z)))
        {
            var face = (data [index++] << 8) + data [index++];
            //need_facenum (face);
            cell.tiles [z] = face;
        }
        //Map[y][x]=cell;


    }
    drawMap();
    return true;

}

function drawMap(){


    ctx.clearRect(0,0,stage.stageWidth,stage.stageHeight);
    ctx.fillStyle = "#000";
    ctx.fillRect(0,0,canvas.width,canvas.height);

    for (var i = 0;i<mapsize.height;++i){
        var cell = map_get_cell_ex(0,i);
        var y = i<<6;
        var x = 0;
        for (var j=0;j<mapsize.width;++j){
            x+=64;

            var cellx = cell.data;
            for (var z=0;z<=2;++z){
                if (!cellx.tiles[z])
                    continue;
                var img = tilesInfo.getImgByFaceNum(cellx.tiles[z]);
                if (img){
                    ctx.drawImage(img,x,y);
                }else{
                    Faces.request(cellx.tiles[z],"map");
                }
            }
            if ((typeof(cellx.stat_hp) == typeof(1))&&cellx.stat_hp>0){
                ctx.fillStyle = "#f00";
                ctx.fillRect(x,y,((255-cellx.stat_hp)/255)*64,8);

                //ctx.fillText(cellx.stat_hp,x,y);
            }
            cell = cell.nextCell;

        }
    }
}

function feed_ext (data,dataAsArray){





    if (data.indexOf ("channel_info")>0){
        var channel_info = JSON.parse(data.substr(4))[1];
        channels_add(channel_info);
        return true;
    }else{

        var o = JSON.parse(data.substr(4));
        var replyID = parseInt(o[0].split("-")[1]);

        if (replyID == 100){
            baseURL = o[1];
            baseURL = "http://testserver.deliantra.net:13327" + baseURL + "";
            doSend('exti ["resource",'+exti.getNextId()+',"exp_table"]');


        }else if (replyID==101){
            expTableFacenum = parseInt(o[1]);

            Faces.request(expTableFacenum,"json",function (tileInfo){expTable=(tileInfo.resource);});


            doSend ('exti ["resource",'+exti.getNextId() + ', "skill_info", "spell_paths","command_help"]');
        }else if (replyID==102){

            Faces.request(parseInt(o[1]),"json",function (faceInfo){skillNames=(faceInfo.resource);});
            Faces.request(parseInt(o[2]),"json",function (faceInfo){spellPaths=(faceInfo.resource);});
            Faces.request(parseInt(o[3]),"json",function (faceInfo){commandsAll=(faceInfo.resource);});
            doSend("addme");

        }
        else{

        }


        writeToScreen(data);
    }
    return false;
}
var Constants = {
    a_none               : 0,
    a_readied            : 1,
    a_wielded            : 2,
    a_worn               : 3,
    a_active             : 4,
    a_applied            : 5,
    F_APPLIED            : 0x000F,
    F_LOCATION   : 0x00F0,
    F_UNPAID             : 0x0200,
    F_MAGIC              : 0x0400,
    F_CURSED             : 0x0800,
    F_DAMNED             : 0x1000,
    F_OPEN               : 0x2000,
    F_NOPICK             : 0x4000,
    F_LOCKED             : 0x8000
};
function Buffer (dataArray){
    this.buffer = dataArray;
    this.position = 0;
    this.length = dataArray.length;
    return this;
}

Buffer.prototype.unpack_w = function (){
    var num = 0;
    var byte = 0;
    do {
        num*=128;
        byte = parseInt(this.buffer[this.position++]);
        num+=byte&0x7f;
    }while (byte&0x80);
    return num;
};

Buffer.prototype.readUint32 = function (){
    var ret = 0;
    for (var i=0;i<4;++i){
        ret*=256;
        ret+=this.buffer[this.position++];
    }
    return ret;
};

Buffer.prototype.readUint8 = function (){
    var ret = 0;
    for (var i=0;i<1;++i){
        ret*=256;
        ret+=parseInt(this.buffer[this.position++]);
    }
    return ret;
};

Buffer.prototype.readUint16 = function (){
    var ret = 0;
    for (var i=0;i<2;++i){
        ret*=256;
        ret+=this.buffer[this.position++];
    }
    return ret;
};

Buffer.prototype.readString = function (len){
    var ret = "";

    if ( typeof (len) != "undefined"){
        for (var i=0;i<len;++i){
            ret+=String.fromCharCode(this.buffer[this.position++]);
        }
    }else{

        while (this.buffer[this.position]!=0){
            ret+=String.fromCharCode(this.buffer[this.position++]);
        }
    }

    return ret;
};



function unselectable (target){
    target.setAttribute('unselectable','on');
    if (typeof target.onselectstart != "undefined") //IE route
        target.onselectstart = function() { return false }
    else if (typeof target.style.MozUserSelect != "undefined") //Firefox route
        target.style.MozUserSelect = "none"
    else //All other route (ie: Opera)
        target.onmousedown = function() { return false }
}

function Item (){
    this.itemId = 0;
    this.flags =  0;
    this.weight = 0;
    this.face = 0;
    this.name = "";
    this.namepl = "";
    this.animation_id=0;
    this.anim_speed=0;
    this.nr_of=0;
    this.clientType=0;
}


function feed_replyinfo (data){
    return false;
}

var containers = {};
var secondaryContainer = 0;

function feed_item2 (data,dataAsArray){
    var buff = new Buffer(dataAsArray);
    buff.position = 6;
    var container = buff.readUint32();

    while (buff.position<buff.length){
        var item = new Item();

        item.itemId = buff.readUint32();

        item.flags =  buff.readUint32();
        item.weight = buff.readUint32();
        item.face = buff.readUint32();
        var len = (buff.readUint8());

        var names = (buff.readString(len)).split(String.fromCharCode(0));
        item.name = names[0];
        item.namepl = "";

        if (names.length>1)
            item.namepl = names[1];

        item.animation_id = buff.readUint16();
        item.anim_speed = buff.readUint8();
        item.nr_of = buff.readUint32();
        item.clientType = buff.readUint16();
        item.container = container;

        if (container==player.tag){
            myItems.push (item);
        }else if (container==0){
           floorItems.push(item);
        }else {
            if ( typeof(containers['container_' + container]) != typeof([])){
                containers['container_' + container] = [];
            }
            containers['container_' + container].push(item);
        }
    }
    if (container==0){
        xFloorWindow.contents.innerHTML="";
        for (var i=0;i<floorItems.length;++i){
            var item = floorItems[i];
            if (item.itemId==null||isNaN(item.itemId))
                continue;
            var img = tilesInfo.getImgByFaceNum(item.face);
            var div = $_("div");
            xFloorWindow.contents.appendChild(div);
            if (img){
                div.innerHTML+="<div><input type='hidden' value='"+item.itemId+"'/><img src='"+img.src+"' alt='' style='width:32px;'/>"+(item.nr_of>1?item.namepl:item.name)+(item.nr_of>1?item.nr_of:"")+"</div>"
            }else{
                div.innerHTML+="<div><input type='hidden' value='"+item.itemId+"'/>"+(item.nr_of>1?item.namepl:item.name)+"</div>"
            }

            div.addEventListener("click",floorInventoryItemClick);
            div.addEventListener("mouseover",inventoryItemMouseOver);
            div.addEventListener("mouseout",inventoryItemMouseOut);
            div.addEventListener("mousemove",inventoryItemMouseMove);

        }


    }
    updateItemsList();
    return false;
}

function Spell (){

}

function updateSpellList (){
    var content = xPlayerWindow.getElementsByClassName("spellbook_widnow_content")[0];
    content.style.display = "block";

    content.innerHTML = "";
    var table;
    var tr;
    var td;

    content.appendChild(table = $_("table"));
    table.style.width="100%";
    if (mySpells.length<=0){
        return;
    }
    table.appendChild(tr = $_("tr"));
    item = mySpells[0];
    for (s in item){

        if ((typeof(item[s])==typeof(1))||(typeof(item[s])==typeof(""))){
            if (s=="tag"){

            }else if (s=="message"){

            }else if (s=="face"){
                tr.appendChild(td=$_("td"));
                td.innerHTML = s;
            }else{
                tr.appendChild(td=$_("td"));
                td.innerHTML = s;
            }
        }

    }


    mySpells.each(function (item,i,p){

        table.appendChild(tr = $_("tr"));
        tr.index = i;
        var img = tilesInfo.getImgByFaceNum(item.face);

        var s;
        for (s in item){
            if (isNaN(item['face'])){
                continue;
            }

            if ((typeof(item[s])==typeof(1))||(typeof(item[s])==typeof(""))){
                    if (s=="tag"){
                        tr.tag = item[s];
                    }else if (s=="message"){
                        tr.message = item[s];
                    }else if (s=="face"){
                        tr.appendChild(td=$_("td"));
                        td.innerHTML = "<img src='"+img.src+"' alt='' style='width:32px;'/>";
                    }else{
                        tr.appendChild(td=$_("td"));
                        td.innerHTML = item[s];
                    }
                }

        }
         tr.addEventListener("click",mySpellItemClick);
         tr.addEventListener("mouseover",SpellItemMouseOver);
         tr.addEventListener("mouseout",SpellItemMouseOut);
         tr.addEventListener("mousemove",SpellItemMouseMove);

        /*if (img){
            div.innerHTML="<div><input type='hidden' value='"+item.itemId+"'/> <img src='"+img.src+"' alt='' style='width:32px;'/>"+(item.nr_of>1?item.namepl:item.name)+(item.nr_of>1?item.nr_of:"")+"</div>"
        }else{
            div.innerHTML="<div><input type='hidden' value='"+item.itemId+"'/>"+(item.nr_of>1?item.namepl:item.name)+"</div>"
        }*/


    },{})


}
function updateSkillList (){
    var content = xPlayerWindow.getElementsByClassName("skills_widnow_content")[0];


    content.innerHTML = "";
    var tableLeft;
    var tableRight;
    var tr;
    var td;

    content.appendChild(tableLeft = $_("table"));
    tableLeft.style.width="45%";
    tableLeft.style.float = "left";
    content.appendChild(tableRight = $_("table"));
    tableRight.style.width="45%";
    tableRight.style.float = "right";

    var j=0;

    for (i=CS_STAT_SKILLINFO;i<CS_STAT_SKILLINFO+CS_NUM_SKILLS;++i){

        if (!myStats[i]){
            continue;
        }
        var table = j%2==0 ? tableLeft : tableRight;

        table.appendChild(tr = $_("tr"));
        tr.index = i;


        tr.appendChild(td=$_("td"));
        td.innerHTML = skillNames[i-CS_STAT_SKILLINFO][0];

        for (var k =0 ;k<myStats[i].length;++k){

                    tr.appendChild(td=$_("td"));
                    td.innerHTML = myStats[i][k];

        }
        tr.appendChild(td=$_("td"));
        td.innerHTML = Math.floor(myStats[i][1]/expTable[parseInt(myStats[i][0])]*100) + "%";
        /*tr.addEventListener("click",mySpellItemClick);
        tr.addEventListener("mouseover",SpellItemMouseOver);
        tr.addEventListener("mouseout",SpellItemMouseOut);
        tr.addEventListener("mousemove",SpellItemMouseMove);
        */
        ++j;
    };


}

function mySpellItemClick(e){
    if (keys.ctrl){
        doSend("command invoke " + mySpells[this.index].name);
    }else if (keys.shift){
        doSend("command cast " + mySpells[this.index].name);
    }
}


function SpellItemMouseOver(e){
    this.style.background = "solid";
    this.style.backgroundColor="white";

    xInfoWindow.contents.innerHTML = this.message + "<small><br/>shift-click to cast<br/>ctrl-click to invoke</small>";
    xInfoWindow.show(true);
    xInfoWindow.style.left = (e.clientX+5)+"px";
    xInfoWindow.style.top = (e.clientY+5)+"px";
}

function SpellItemMouseMove(e){

    xInfoWindow.style.left = (e.clientX+5)+"px";
    xInfoWindow.style.top = (e.clientY+5)+"px";

}

function SpellItemMouseOut(e){
    this.style.background = "transparent";
    xInfoWindow.show(false);
}


function feed_addspell (data,dataAsArray){

    var buff = new Buffer(dataAsArray);
    buff.position = data.indexOf(" ")+1;
    while (buff.position<buff.length){
        spell=new Spell();

        spell.tag = buff.readUint32();

        spell.minLevel = buff.readUint16();

        spell.castingTime = buff.readUint16();

        spell.mana = buff.readUint16();

        spell.grace = buff.readUint16();

        spell.level = buff.readUint16();

        spell.skill = buff.readUint8();

        spell.path = buff.readUint32();

        spell.face = buff.readUint32();
        var len = buff.readUint8();
        spell.name = buff.readString(len);
        len = buff.readUint16();
        spell.message = buff.readString(len);
        mySpells.push(spell);
    }


}

function feed_delinv (data,dataAsArray){
    var container = parseInt(data.split(" ")[1]);
    if (container==player.tag){
        myItems = [];
    }else if (container!=0){
        containers["container_" +container]=[];
    }else{
        floorItems = [];
    }
    updateItemsList();
    return false;
}

var expTable = [];
var spellPaths = [];


function FaceInfo (){
    this.name = "";
    this.num  = -1;
    this.type = 0;
    this.isLoaded = false;
    this.isLoading = false;
    this.isPending = false;
    this.isRequested = false;
    this.requestedBy = "";
    this.resource = null;
    this.json = "{}";
    this.afterLoad = [];
}

FaceInfo.prototype.request = function (rby){
    this.isRequested = true;
    this.requestedBy = rby;


    if ((this.name==""))
        return this;

    if ((!this.isPending) && (!this.isLoading)){
        this.load();
    }

    return this;
};

FaceInfo.prototype.appendOnLoad = function (f){

    if (typeof(f) == typeof(function(){})){
        this.afterLoad.push (f);
    }
    return this;
};

FaceInfo.prototype.setName = function (name){
    this.name = name;
    return this;
};

FaceInfo.prototype.setType = function (type){
    this.type = parseInt(type);
    return this;
};

FaceInfo.prototype.load = function (){

    this.isPending = true;

    Faces.load (this);

}
FaceInfo.prototype.onload = function (){
    this.isPending = false;
    this.isLoading = false;

    var o = this;
    this.afterLoad.each (function (e,i){
        e(o);
    });
    Faces.onload(this);
}
FaceInfo.prototype.loadStart = function (){

    this.isPending = false;
    this.isLoading  = true;
    if (this.requestedBy == "map"){//map tile
        var img = this.resource = $_("img");
        img.faceInfo = this;
        img.addEventListener("load",function (){ img.faceInfo.onload(); });
        img.src = baseURL+ "" + this.name;

    }else{ //json but maybe other types
        var req = new XMLHttpRequest();
        req.open('GET', baseURL+""+this.name, false);
        req.send(null);
        if(req.status == 200){
            this.json = req.responseText;
            this.resource = JSON.parse(this.json);
        }
        this.onload();
    }
}

var Faces = {
    byNum:[],

    nDownloads: 0,
    pending : [],

    add : function (id,name){
        var faceInfo = new FaceInfo;
        faceInfo.num = id;
        this.byNum[id] =  faceInfo;
        return faceInfo;
    },
    getByNum : function (id,createIfNotExist){
        if (createIfNotExist)
            return Faces.byNum[id] ? Faces.byNum[id] : Faces.add(id);
        return Faces.byNum[id] ? Faces.byNum[id] : null;
    },
    request : function (id,by,f){
        return this.getByNum(id,true).appendOnLoad(f).request(by);
    },

    load : function (faceInfo){
        if (this.nDownloads<this.MAXDOWNLOADS){
            this.nDownloads++
            faceInfo.loadStart();
        }else{
            this.pending.push (faceInfo);
        }
    },
    onload : function (faceInfo){
        alert(this.nDownloads);
        this.nDownloads--;

        if ((this.nDownloads<this.MAXDOWNLOADS) && (this.pending.length>0)){
            var faceInfo = this.pending.pop();
            faceInfo.load();
        }
    },

    FT_FACE  : 0 * 2 + 0, // faces (images)
    FT_MUSIC : 1 * 2 + 1, // background music
    FT_SOUND : 2 * 2 + 1, // effects
    FT_RSRC  : 3 * 2 + 0,  // generic data files

    MAXDOWNLOADS : 5
}


function feed_fx (data,dataAsArray){

    var buff = new Buffer(dataAsArray);
    buff.position = 3;
    var out="";
    var type = 0;
    var nameX = "";
    var len;

    while (buff.position<buff.length){
        nameX = "";
        var id = buff.unpack_w();

        if (id == 0){
            buff.readUint8();
            type = buff.unpack_w();
            continue;
        }
        len = buff.readUint8();

        for (var i = 0;i<len;++i){
            var c = parseInt(buff.readUint8());
            out = "";
            out+="0123456789abcdef"[c&0xf];
            out= "0123456789abcdef"[c>>4]+out;
            nameX+=out;
        }
        var faceInfo = Faces.getByNum(id,true);

        faceInfo.setType (type).setName (nameX);

        if (faceInfo.isRequested){
            faceInfo.load();
        }
    }

    return false;
}



function feed_newmap (data,dataAsArray){
    //messageBox("newmap");
    map_clear();

}

function feed_mapinfo (data,dataAsArray){
    var parts = data.split(/ /);
    //map_clear();
    return false;
}


function feed_msg (data,dataAsArray){
    var o = null;
    if (data.indexOf("[")>0){
        o = JSON.parse(data.substr(4));

        channels_addMessage(o[1],o)
        return true;
    }
    return false;
}


function feed_anim (data,dataAsArray){
    return false;
}

function feed_stats (data,dataAsArray){
    var buff = new Buffer(dataAsArray);
    buff.position = "stats".length + 1;
    while (buff.position < buff.length){
        var stat = buff.readUint8();
        var value;
        if (stat_32bit.contains(stat)){
            value = buff.readUint32();
        }else if (stat == CS_STAT_SPEED||stat==CS_STAT_WEAP_SP){
            value = (1/FLOAT_MULTF) * buff.readUint32();
        }else if (stat==CS_STAT_RANGE||stat==CS_STAT_TITLE){
            var len = buff.readUint8();
            value = buff.readString(len);
        }else if (stat == CS_STAT_EXP64){
            var hi = buff.readUint32();
            var lo = buff.readUint32();
            value = hi * Math.pow(2,32) + lo;
        }else if (stat>=CS_STAT_SKILLINFO && stat < CS_STAT_SKILLINFO + CS_NUM_SKILLS){
            var lvl = buff.readUint8();
            var hi = buff.readUint32();
            var lo = buff.readUint32();
            value = [lvl,hi * Math.pow(2,32) + lo];
        }else{
            value = buff.readUint16();
            if (value > 60000){
                value -= 65536;
            }
        }
        myStats [stat] = value;
        //stats_update (stat);
    }

    return true;
}

function feed_player (data,dataAsArray){
    var buff = new Buffer(dataAsArray);
    buff.position ="player ".length;
    //my ($tag, $weight, $face, $name) = unpack "NNN C/a", $data;
    player.tag = buff.readUint32();
    player.weight = buff.readUint32();
    player.face = buff.readUint32();
    var len = buff.readUint8();
    player.name = buff.readString(len);
    return false;
}

function feed_drawinfo (data,dataAsArray){
    return false;
}



var tilesInfo = {
    getImgByFaceNum:function (id){
        var fi  = Faces.getByNum(id,true);
        return fi.resource;
    }
}


function need_facenum (num){

}


function feed_map_scroll (data,dataAsArray,base64data){

    data = data.split(/ /);
    data.shift();
    dx += parseInt(data.shift());
    dy += parseInt(data.shift());


}

function $_(p,o){
    if (document.getElementById(p)!=null){
        return document.getElementById(p);
    }else{
        var ret = document.createElement(p);
        unselectable(ret);
        if (o&&o.css){
            var s="";
            for (var s in o.css){
                if (typeof(o.css[s])==typeof("")||typeof(o.css[s])==typeof(1)){
                    ret.style[s] = o.css[s];
                }
            }
        }
        return ret;
    }
}
var tiles = [];


function processExtObj (o){
    switch (o[0]){
	case "channel_info":
	    channels[o[1].id] = o[1];
        channels.list.push (channels[o[1].id]);
        channels[o[1].id].index =channels.length;
	    channels.length+=1;
	    return true;
	default:
	    return false;
	break;
    }
}


function doSend(message)
{
    writeToScreen("SENT: " + message);
    websocket.send(message);
}

/**
 * Command console
 */

var xCommandContainer = null;
var xCommandLine = null;
var xCommandLines = null;
var command = "";
var lastCommand = "";
var firstOption = null;
var commandsAll = [];

function commandLineOnKeyDown (e){
    if (e.keyCode==13){
        skipKeyTest = false;

        doSend("command " + this.value);
        command = "";
        lastCommand = this.value;


        document.getElementsByTagName("body")[0].removeChild(xCommandContainer);

    } else if (e.keyCode==27){
        command = "";
        skipKeyTest = false;

        document.getElementsByTagName("body")[0].removeChild(xCommandContainer);

    } else {
        //messageBox(JSON.stringify(commandsAll));
    }
}

function autoComplete (keyCode){
    if (xCommandContainer==null){
        xCommandContainer =$_("div",{css:{position:"absolute",left:(stage.stageWidth/2)+"px",top:(stage.stageHeight/2)+"px"}});

        xCommandLine = $_("input");

        xCommandLine.addEventListener("keydown",commandLineOnKeyDown);

        xCommandContainer.appendChild(xCommandLine);
        xCommandContainer.appendChild($_("br"));

        xCommandLines = $_("select");
        xCommandLines.height = 5;

        xCommandContainer.appendChild(xCommandLines);


    }
    if (command == ""){
        skipKeyTest = true;
        appendToBody(xCommandContainer);
        try {
            xCommandLine.focus();
        }catch (e){

        }
    }
    command+=String.fromCharCode(keyCode).toLowerCase();
    xCommandLine.value = command;
}


/**
 * Key up/down handlers
 */

function onKeyDown (keyCode){
    switch(keyCode){
        case 38:
            if (keys.ctrl&&!isRunning){
                isRunning = true;
                doSend("command run 1");
                //doSend("command north")
            }
            else
            if (!isFiring&&keys.shift){
                doSend("command fire 1");
                isFiring = true;
            }else
                doSend("command north");
            break;
        case 40:
            if (keys.ctrl&&!isRunning){
                isRunning = true;
                doSend("command run 5" );
                //doSend("command souh")
            }
            else
            if (!isFiring&&keys.shift){
                doSend("command fire 5" );
                isFiring = true;
            }else
                doSend("command south");
            break;
        case 37:
            if (keys.ctrl&&!isRunning){
                isRunning = true;
                doSend("command run 7" );
                //  doSend("command west")
            }
            else
            if (!isFiring&&keys.shift){
                doSend("command fire 7");
                isFiring = true;
            }else
                doSend("command west");
            break;
        case 39:
            if (keys.ctrl&&!isRunning){
                isRunning = true;
                doSend("command run 3" );
                //doSend("command west")
            }else
            if (!isFiring&&keys.shift){
                doSend("command fire 3");
                isFiring = true;
            }else
                doSend("command east");
            break;
        case 49:
        case 9:
            xPlayerWindow.show(!xPlayerWindow.visible() );
            break;
        case 67:
            skipKeyTest = true;
            xCommmandWindow.show(true);

            break;

        case 32:
            doSend("command apply");
            break;
        case 188:
            doSend("command get");
            break;
        case 16:
            keys.shift = 1;
            break;
        case 18:
            keys.alt = 1;
            break;
        case 17:
            keys.ctrl = 1;
            break;
        case 113:
            showPlayerTab({},"statistics");
            break;
        case 114:
            showPlayerTab({},"skills");
            break;

        case 115:
            showPlayerTab({},"spellbook");
            break;

        case 116:
            showPlayerTab({},"inventory");
            break;
        default:
            //messageBox(keyCode);
            break;
    }
}

function onKeyUp(keyCode){
    switch(keyCode){
        case 38:
            if (isRunning&&!keys.ctrl){
                doSend("command run_stop");
                isRunning = false;
            }
            if (isFiring&&!keys.shift){
                doSend("command fire_stop");
                isFiring = false;
            }
            break;
        case 40:
            if (isFiring&&!keys.shift){
                doSend("command fire_stop");
                isFiring = false;
            }
            if (isRunning&&!keys.ctrl){
                doSend("command run_stop");
                isRunning = false;
            }
            break;
        case 37:
            if (isFiring&&!keys.shift){
                doSend("command fire_stop");
                isFiring = false;
            }
            if (isRunning&&!keys.ctrl){
                doSend("command run_stop");
                isRunning = false;
            }
            break;
        case 39:
            if (isFiring&&!keys.shift){
                doSend("command fire_stop");
                isFiring = false;
            }
            if (isRunning&&!keys.ctrl){
                doSend("command run_stop");
                isRunning = false;
            }
            break;
        case 49:
            break;
        case 16:
            keys.shift = 0;
            if (isFiring&&!keys.shift){
                doSend("command fire_stop");
                isFiring= false;
            }
            break;
        case 18:
            keys.alt = 0;
            break;
        case 17:
            keys.ctrl = 0;
            if (isRunning&&!keys.ctrl){
                doSend("command run_stop");
                isRunning = false;
            }
            break;
        default:
            //messageBox(e.keyCode);
            break;
    }
    if ((keyCode>="A".charCodeAt(0))&&(keyCode<="Z".charCodeAt(0))){
        autoComplete(keyCode); //launch command console
    }
}

/*
 * UTILS
 */

function decode_base64toArray(s) {
    var e={},i,k,v=[],r=[],w=String.fromCharCode;
    var n=[[65,91],[97,123],[48,58],[43,44],[47,48]];

    for(z in n){for(i=n[z][0];i<n[z][1];i++){v.push(w(i));}}
    for(i=0;i<64;i++){e[v[i]]=i;}

    for(i=0;i<s.length;i+=72){
        var b=0,c,x,l=0,o=s.substring(i,i+72);
        for(x=0;x<o.length;x++){
            c=e[o.charAt(x)];b=(b<<6)+c;l+=6;
            while(l>=8){r.push((b>>>(l-=8))%256);}
        }
    }
    return r;
}

function writeToScreen(message)
{
    var d = new Date();
    //Messages.push(new Message(200,(d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds() ) + ":" + message));
    output.value = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds() + ":" + message + "\n" + output.value;
}

function arr2bytes(arr){
    var s = "";
    for (var i=0;i<arr.length;++i){
        s+=String.fromCharCode(arr[i]);
    }
    return s;
}
function bytes2arr(s){
    var arr = [];
    for (var i=0;i<s.length;++i){
        arr.push(s.charCodeAt(i));
    }
    return arr;
}

function imgFromString (s){
    var img = $_('img');
    img.src = s;
    return img;
}

/*
 CONSTANTS
 */

var TICK		= 0.120,
    CS_QUERY_YESNO	= 0x1,
    CS_QUERY_SINGLECHAR	= 0x2,
    CS_QUERY_HIDEINPUT	= 0x4,
    CS_SAY_NORMAL	= 0x1,
    CS_SAY_SHOUT	= 0x2,
    CS_SAY_GSAY	= 0x4,
    FLOAT_MULTI	= 100000,
    FLOAT_MULTF	= 100000.0,
    CS_STAT_HP	= 1,
    CS_STAT_MAXHP	= 2,
    CS_STAT_SP	= 3,
    CS_STAT_MAXSP	= 4,
    CS_STAT_STR	= 5,
    CS_STAT_INT	= 6,
    CS_STAT_WIS	= 7,
    CS_STAT_DEX	= 8,
    CS_STAT_CON	= 9,
    CS_STAT_CHA	= 10,
    CS_STAT_EXP	= 11,
    CS_STAT_LEVEL	= 12,
    CS_STAT_WC	= 13,
    CS_STAT_AC	= 14,
    CS_STAT_DAM	= 15,
    CS_STAT_ARMOUR	= 16,
    CS_STAT_SPEED	= 17,
    CS_STAT_FOOD	= 18,
    CS_STAT_WEAP_SP	= 19,
    CS_STAT_RANGE	= 20,
    CS_STAT_TITLE	= 21,
    CS_STAT_POW	= 22,
    CS_STAT_GRACE	= 23,
    CS_STAT_MAXGRACE	= 24,
    CS_STAT_FLAGS	= 25,
    CS_STAT_WEIGHT_LIM	= 26,
    CS_STAT_EXP64	= 28,
    CS_STAT_SPELL_ATTUNE	= 29,
    CS_STAT_SPELL_REPEL	= 30,
    CS_STAT_SPELL_DENY	= 31,
    CS_STAT_RESIST_START	= 100,
    CS_STAT_RESIST_END	= 117,
    CS_STAT_RES_PHYS	= 100,
    CS_STAT_RES_MAG	= 101,
    CS_STAT_RES_FIRE	= 102,
    CS_STAT_RES_ELEC	= 103,
    CS_STAT_RES_COLD	= 104,
    CS_STAT_RES_CONF	= 105,
    CS_STAT_RES_ACID	= 106,
    CS_STAT_RES_DRAIN	= 107,
    CS_STAT_RES_GHOSTHIT	= 108,
    CS_STAT_RES_POISON	= 109,
    CS_STAT_RES_SLOW	= 110,
    CS_STAT_RES_PARA	= 111,
    CS_STAT_TURN_UNDEAD	= 112,
    CS_STAT_RES_FEAR	= 113,
    CS_STAT_RES_DEPLETE	= 114,
    CS_STAT_RES_DEATH	= 115,
    CS_STAT_RES_HOLYWORD	= 116,
    CS_STAT_RES_BLIND	= 117,
    CS_STAT_SKILLINFO	= 140,
    CS_NUM_SKILLS	= 50,
    SF_FIREON		= 0x01,
    SF_RUNON 		= 0x02,
    NDI_BLACK		= 0,
    NDI_WHITE		= 1,
    NDI_NAVY 		= 2,
    NDI_RED		= 3,
    NDI_ORANGE	= 4,
    NDI_BLUE		= 5,
    NDI_DK_ORANGE	= 6,
    NDI_GREEN		= 7,
    NDI_LT_GREEN	= 8,
    NDI_GREY 		= 9,
    NDI_BROWN		= 10,
    NDI_GOLD 		= 11,
    NDI_TAN  		= 12,
    NDI_MAX_COLOR	= 12,
    NDI_COLOR_MASK	= 0x1f,
    NDI_REPLY	= 0x20,
    NDI_NOCRATE  = 0x40,
    NDI_CLEAR	= 0x80,
    a_none   		= 0,
    a_readied		= 1,
    a_wielded		= 2,
    a_worn   		= 3,
    a_active 		= 4,
    a_applied		= 5,
    F_APPLIED		= 0x000F,
    F_LOCATION	= 0x00F0,
    F_UNPAID 		= 0x0200,
    F_MAGIC  		= 0x0400,
    F_CURSED 		= 0x0800,
    F_DAMNED 		= 0x1000,
    F_OPEN   		= 0x2000,
    F_NOPICK 		= 0x4000,
    F_LOCKED 		= 0x8000,
    CF_FACE_NONE	= 0,
    CF_FACE_BITMAP	= 1,
    CF_FACE_XPM	= 2,
    CF_FACE_PNG	= 3,
    CF_FACE_CACHE	= 0x10,
    FACE_FLOOR	= 0x80,
    FACE_COLOR_MASK	= 0xf,
    UPD_LOCATION	= 0x01,
    UPD_FLAGS		= 0x02,
    UPD_WEIGHT	= 0x04,
    UPD_FACE		= 0x08,
    UPD_NAME		= 0x10,
    UPD_ANIM		= 0x20,
    UPD_ANIMSPEED	= 0x40,
    UPD_NROF		= 0x80,
    UPD_SP_MANA	= 0x01,
    UPD_SP_GRACE	= 0x02,
    UPD_SP_LEVEL	= 0x04,
    SOUND_NORMAL	= 0,
    SOUND_SPELL	= 1,

    PICKUP_NOTHING = 0x00000000,

    PICKUP_DEBUG   = 0x10000000,
    PICKUP_INHIBIT = 0x20000000,
    PICKUP_STOP    = 0x40000000,
    PICKUP_NEWMODE = 0x80000000,

    PICKUP_RATIO   = 0x0000000F,

    PICKUP_FOOD    = 0x00000010,
    PICKUP_DRINK   = 0x00000020,
    PICKUP_VALUABLES = 0x00000040,
    PICKUP_BOW     = 0x00000080,

    PICKUP_ARROW   = 0x00000100,
    PICKUP_HELMET  = 0x00000200,
    PICKUP_SHIELD  = 0x00000400,
    PICKUP_ARMOUR  = 0x00000800,

    PICKUP_BOOTS   = 0x00001000,
    PICKUP_GLOVES  = 0x00002000,
    PICKUP_CLOAK   = 0x00004000,
    PICKUP_KEY     = 0x00008000,

    PICKUP_MISSILEWEAPON = 0x00010000,
    PICKUP_ALLWEAPON = 0x00020000,
    PICKUP_MAGICAL = 0x00040000,
    PICKUP_POTION  = 0x00080000,

    PICKUP_SPELLBOOK = 0x00100000,
    PICKUP_SKILLSCROLL = 0x00200000,
    PICKUP_READABLES = 0x00400000,
    PICKUP_MAGIC_DEVICE = 0x00800000,

    PICKUP_NOT_CURSED = 0x01000000,

    PICKUP_JEWELS = 0x02000000,
    PICKUP_FLESH  = 0x04000000;

var stat_32bit = [CS_STAT_WEIGHT_LIM,CS_STAT_SPELL_ATTUNE,CS_STAT_SPELL_REPEL,CS_STAT_SPELL_DENY,CS_STAT_EXP];


isMainScriptLoaded = true;