deliantra/html5client/main.js

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 canvas = null;
var canvasID = 'main';
var ctx = null;
var stage = null;
var Messages = [];
var output = null;
var commandline = null;

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

var clickable = [];

var extmap = true;
var Map = [];
var oldMapName = "";
var drawInventory = false;

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
};

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;

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.appendChild(login);

    var button = document.createElement("input");
    button.type = "button";
    button.value = "execute command";
    button.style.width = "100%";
    div.appendChild(button);
    button.addEventListener("click",function (e){
        doSend(login.value);
        document.getElementsByTagName("body")[0].removeChild(div);
        skipKeyTest = false;
    })
    var button = document.createElement("input");
    button.type = "button";
    button.value = "cancel";
    button.style.width = "100%";
    div.appendChild(button);
    button.addEventListener("click",function (e){
        document.getElementsByTagName("body")[0].removeChild(div);
        skipKeyTest = false;
    })
    return div;

}

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

var wsUri = "ws://testserver.deliantra.net:13327/ws";
//var wsUri = "ws://slashflash.pl:13327/deliantra";
//var wsUri = "ws://localhost:13327/deliantra";

function createWebSocket(){
    var 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 websocket;
}


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);
        ctx.fillStyle = "#000";

        ctx.font = "10px Courier New,MonoSpace";
        Messages.push(new Message(100,"'engine' started"));
        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);
        ctx.fillStyle = "#000";
        ctx.font = "10px Courier New,MonoSpace";
        Messages.push(new Message(100,"'engine' started"));
        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);
        ctx.fillStyle = "#000";
        ctx.font = "10px Courier New,MonoSpace";
        Messages.push(new Message(100,"'engine' started"));
        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);
        ctx.fillStyle = "#000";
        ctx.font = "10px Courier New,MonoSpace";
        Messages.push(new Message(100,"'engine' started"));
        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 main (){
    if (isMainCalled==true){
        isMainCalled = true;
        return;
    }

        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);
        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 = document.createElement("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);

        xInfoWindow = createWindow("info",300,200,-400,-300);
        xInfoWindow.show(false);

    }
};

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

function showPlayerTab (){
    var tabName = (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();
        default:
        break;
    }
}
var playerTabs = ["player_widnow_content","floor_widnow_content","spellbook_widnow_content","skills_widnow_content"];

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


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 = document.createElement("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 = "";
    floorItems.each(function (item,i,p){
        if (isNaN(item.nr_of))
            return;
        content.appendChild(div = document.createElement("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 = document.createElement("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 draw(){

}

function drawStar(ctx,r,x,y){
    ctx.save();
    if ( typeof (x) !="undefined" && typeof(y)!="undefined"){
        ctx.translate ( x , y);
    }

    ctx.beginPath()
    ctx.moveTo(r,0);
    for (var i=0;i<9;i++){
        ctx.rotate(Math.PI/5);
        if(i%2 == 0) {
            ctx.lineTo((r/0.525731)*0.200811,0);
        } else {
            ctx.lineTo(r,0);
        }
    }
    ctx.closePath();
    ctx.fill();
    ctx.restore();
}


function drawChannelBoxTitle (o,x){
    var textSize = ctx.measureText(o.id);

    o.rect.x = x;
    o.rect.y = 15;
    o.rect.width = textSize.width;
    o.rect.height = 15;

    if (o.isActive){
        ctx.fillStyle = "#fff";
        ctx.fillRect(x,15,textSize.width,15);
        ctx.fillStyle = "#f00";
        ctx.fillText(o.id,x,25);
        o.newMessages = false;
    }else{
        ctx.fillStyle = "#F00";

        ctx.fillRect(x,15,textSize.width,15);
        ctx.fillStyle = "#FFF";
        if (o.newMessages)
            drawStar(ctx,6,x,15);
        ctx.fillStyle = "#fff";
        ctx.fillText(o.id,x,25);
    }
    x+=textSize.width + 15;
    return x;
}

function drawChannelBox (o){
    var y = 20;
    var j=0;

    if (o.isActive){
        ctx.fillStyle = "#eee";
        ctx.fillRect( stage.stageWidth - 420,10+y,400,150);

        ctx.fillStyle = "#000";

        for (var i = o.messages.length - 1;i>=0;--i){
            //ctx.fillText(o.messages[i][2],stage.stageWidth - 420+10,37+y + j*12);
            y+=fitTextInBox(o.messages[i][2],stage.stageWidth - 420+10,37+y,400,150);
        }
    }
}

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){
    channels[channelId].messages.push(o);
    channels[channelId].newMessages = true;
}


function channels_add(channel_info){
    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);

    channel_info.rect = { x: 0,y:0,width:0,heigth:0};


    clickable.push ({element:channel_info,rect:channel_info.rect,onclick:function(e){
        e.onClick();
    }});

}

function fitTextInBox(str,startX,startY,width,height){
    var words = str.split(/ /);
    var x = 0;
    var y = 0;
    for (var i=0;i<words.length;++i){
        wordSize = ctx.measureText(words[i]);
        if (x+wordSize.width<width){

        }else{
            x = 0;
            y += 12;
        }
        ctx.fillText(words[i],startX + x,startY + y);
        x+=wordSize.width + 5;
    }
    y += 12;
    return y;
}

function Message (ttl,text){
    this.ttl = ttl;
    this.text = text;
}
function onOpen(evt)
{
    writeToScreen("CONNECTED");
    doSend('version {"clientver":"0.001","client":"deliantra html5 client","osver":"linux","protver":1}');
}

function onClose(evt)
{
    writeToScreen("DISCONNECTED");
}

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

function feed_delitem (data,dataAsArray){

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

    while (buff.position<dataAsArray.length){
        var itmid = buff.readUint32();
        removeItem(myItems,itmid);
        removeItem(floorItems,itmid);
    }

}

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


var isRunning = false;
var isFiring = false;
mapsize = {width: 0,height:0};

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;
        }
        switch(e.keyCode){
            case 38:
                //if (keys.ctrl&&!isRunning){
                  //  isRunning = true;
                 //   doSend("command run north");
                    //doSend("command north")
                //}
                //else
                    if (!isFiring&&keys.shift){
                        doSend("command fire");
                        isFiring = true;
                    }
                    doSend("command north");
                break;
            case 40:
                //if (keys.ctrl&&!isRunning){
                //    isRunning = true;
                //    doSend("command run south");
                //    //doSend("command souh")
                //}
                //else
                if (!isFiring&&keys.shift){
                    doSend("command fire");
                    isFiring = true;
                }
                    doSend("command south");
                break;
            case 37:
                //if (keys.ctrl&&!isRunning){
                 //   isRunning = true;
                //    doSend("command run west" );
                    //doSend("command west")
                //}
                //else
                if (!isFiring&&keys.shift){
                    doSend("command fire");
                    isFiring = true;
                }
                    doSend("command west");
                break;
            case 39:
                if (!isFiring&&keys.shift){
                    doSend("command fire");
                    isFiring = true;
                }
                    doSend("command east");
                break;
            case 49:
            case 9:
                xPlayerWindow.show(!xPlayerWindow.visible() );
                break;
            /*case 49:
                skipKeyTest = true;
                document.getElementsByTagName("body")[0].appendChild(createCommandWindow());
            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;
            default:
                //messageBox(e.keyCode);
                break;
        }
        try {
            e.preventDefault();
        }catch (e){
        
        }
        return false;
    });
    window.addEventListener("keyup",function (e){
        if (skipKeyTest){
            return;
        }
        switch(e.keyCode){
            case 38:
                //if (isRunning)
                //doSend("command run_stop");
                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)
                //doSend("command run_stop");
                break;
            case 37:
                if (isFiring&&!keys.shift){
                    doSend("command fire_stop");
                    isFiring = false;
                }
                //if (isRunning)
                //doSend("command run_stop");
                break;
            case 39:
                if (isFiring&&!keys.shift){
                    doSend("command fire_stop");
                    isFiring = false;
                }
                //if (isRunning)
                //doSend("command run_stop");
                break;
            case 49:
                break;
            case 16:
                keys.shift = 0;
                break;
            case 18:
                keys.alt = 0;
                break;
            case 17:
                keys.ctrl = 0;
                break;
            default:
                //messageBox(e.keyCode);
                break;
        }
        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()  +']');
}

//'',
//'requestinfo spell_paths',


function face2tile (){

}

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 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){
        for (var j=0;j<mapsize.width;++j){
            var x = j<<6;
            var y = i<<6;
            var cellx = map_get_cell(j,i);
            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{

                }
            }
        }
    }
}

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('requestinfo skill_info');

        }else if (replyID==101){
            expTableFacenum = parseInt(o[1]);
            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){
    doSend('exti ["resource",'+exti.getNextId()+',"exp_table"]');

    data = data.substr("replyinfo ".length);
    var type = data.substr(0,data.indexOf("\n")).trim();
    if (type == "skill_info"){
        data = data.substr(type.length+1).split("\n");
        for (var i=0;i<data.length;++i){
            if (data[i].indexOf(":")){
                data[i] = (""+data[i]).split(":");
                skillNames[parseInt(data[i][0])] = data[i][1];

            }


        }
    }

}

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();
        if (container!=0){
            myItems.push (item);
        }else{
           floorItems.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 = document.createElement("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 = document.createElement("table"));
    table.style.width="100%";
    if (mySpells.length<=0){
        return;
    }
    table.appendChild(tr = document.createElement("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=document.createElement("td"));
                td.innerHTML = s;
            }else{
                tr.appendChild(td=document.createElement("td"));
                td.innerHTML = s;
            }
        }

    }


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

        table.appendChild(tr = document.createElement("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=document.createElement("td"));
                        td.innerHTML = "<img src='"+img.src+"' alt='' style='width:32px;'/>";
                    }else{
                        tr.appendChild(td=document.createElement("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 = document.createElement("table"));
    tableLeft.style.width="45%";
    tableLeft.style.float = "left";
    content.appendChild(tableRight = document.createElement("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 = document.createElement("tr"));
        tr.index = i;


        tr.appendChild(td=document.createElement("td"));
        td.innerHTML = skillNames[i];

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

                    tr.appendChild(td=document.createElement("td"));
                    td.innerHTML = myStats[i][k];

        }
        tr.appendChild(td=document.createElement("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!=0){
        myItems = [];
    }else{
        floorItems = [];
    }
    return false;
}

var expTable = [0,1000,3000,7000,15000,31000,63000,98500,145000,210000,290000,400000,530000,695000,895000,1100000,1400000,1750000,2150000,2650000,3200000,3850000,4650000,5500000,6500000,7650000,8800000,10000000,11500000,13500000,15500000,18000000,20500000,23500000,26500000,30000000,34000000,38500000,43000000,48500000,54000000,60500000,67500000,75000000,83000000,91500000,100000000,110000000,120000000,130000000,145000000,160000000,175000000,190000000,210000000,230000000,250000000,275000000,300000000,325000000,350000000,380000000,410000000,445000000,480000000,520000000,560000000,605000000,655000000,705000000,755000000,810000000,870000000,930000000,990000000,1050000000,1100000000,1200000000,1250000000,1350000000,1450000000,1550000000,1650000000,1800000000,1900000000,2000000000,2150000000,2300000000,2450000000,2600000000,2750000000,2900000000,3100000000,3300000000,3500000000,3750000000,4050000000,4350000000,4750000000,5250000000,5850000000,6650000000,7650000000,9000000000,10500000000,13500000000,17000000000,23000000000,32000000000,47000000000,73000000000,120000000000,215000000000,430000000000,935000000000];

function feed_fx (data,dataAsArray){

    var buff = new Buffer(dataAsArray);
    buff.position = 3;
    var ignore = true;
    while (buff.position<buff.length){
        var id = buff.unpack_w();
        var len = buff.readUint8();
        var nameX = "";
        for (var i = 0;i<len;++i){
         var c = parseInt(buff.readUint8());
            var out="";
            out+="0123456789abcdef"[c&0xf];
            out= "0123456789abcdef"[c>>4]+out;
            nameX+=out;
         }
        var img = document.createElement("img");

        var e;
        if (tilesInfo.getImgByFaceNum(id)){

        }else{
            if (nameX.length>3){
            if (nameX=="f66e1bc0a5662e59be0253a84ee06c"){
                var req = new XMLHttpRequest();
                req.open('GET', baseURL+""+nameX, false);
                req.send(null);
                if(req.status == 200)
                    messageBox(req.responseText);
                /*
                var iframe = $_("iframe");
                appendToBody(iframe);
                iframe.style.display = "none";
                iframe.onload = function (){
                    var doc = null;
                    try{
                        doc = iframe.document || iframe.contentDocument || iframe.contentWindow && iframe.contentWindow.document || null;
                    } catch(err) {
                        messageBox('error: ' + err.description);
                    }
                    messageBox (doc.body.innerHTML);
                }
                iframe.src =baseURL+""+nameX;*/


            }else{
                tilesInfo.listLoading.push (e={name:nameX,id:id,img:img,src:baseURL+""+nameX});
                    e.img.parent = e;
                    e.img.onload = function (){tilesInfo.markAsLoaded(this.parent);}
                if (!tilesInfo.isLoading){

                    tilesInfo.isLoading = true;
                        e.img.src = e.src;
                    //alert("loading: " + e.src);
                }
            }
            }else{
                //alert ("face num " + id + " has name len :" + len + " !!!!");
                //prompt("",dataAsArray);
            }
        }
    }

    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;
}

/*
    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];


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();
        }
        myStats [stat] = value;
        //stats_update (stat);
    }

    return true;
}

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

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


var tilesInfo = {
    listLoading:[],
    listLoaded:[],

    isLoading: false,
    getImgByFaceNum:function (id){
        for (var i=0;i<this.listLoaded.length;++i){
            if (this.listLoaded[i].id==id){
                return this.listLoaded[i].img;
            }
        }
        return null;
    },
    isImgLoading : function (id){
        for (var i=0;i<this.listLoading.length;++i){
            if (this.listLoading[i].id==id){
                return true;
            }
        }
        return false;
    },
    markAsLoaded : function (e){
        var i;
        for (i=0;i<this.listLoading.length;++i){
            if (this.listLoading[i].id == e.id){
                this.listLoading.splice(i,1);
                break;
            }
        }

        this.listLoaded.push (e);
        this.isLoading = false;
        while ((this.listLoading.length>0)&&(this.isLoading==false)){
            
            var e2 = this.listLoading.pop();
            if (e2.src.length > baseURL.length + 1){
                this.isLoading = true;
                e2.img.src = e2.src;
                //alert("loading " + e2.src);
                e2.onload =  e.onload;
            }
        }
    }
}

var baseURL = "";
DrawLater = {
    list : []
};


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

function need_facenum (num){
    var img;

    if (tilesInfo.getImgByFaceNum(num)!=null){
        return;
    }

    /*if ( img = localStorage.getItem("face_" + num)){

        tilesInfo.listLoaded.push({num:num,data: {img:imgFromString(img)}});
        return;
    }*/
}
var dx = 0;
var dy = 0;

function feed_map_scroll (data,dataAsArray,base64data){

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


}


function feed_ix (data,dataAsArray,base64data){

}

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 $_(p){
    if (document.getElementById(p)!=null){
        return document.getElementById(p);
    }else{
        return document.createElement(p);
    }
}
var tiles = [];

function onMessage(evt)
{

    //var data = Widnow.atob(evt.data);
    var data = evt.data;
    data = (atob(data));


    //writeToScreen(data);

    var dataAsArray = null;
    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,dataAsArray=bytes2arr(evt.data),evt.data);
        var retVal = window['feed_' + feed](data,dataAsArray=decode_base64toArray(evt.data),evt.data);
        if (!retVal){
            //writeToScreen("[" + feed + "] " + data );
            //writeToScreen(dataAsArray);
        }
    }else{
        //alert('unhandled "feed_' + feed + '"');

    }


}

function decode_base64(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+=w((b>>>(l-=8))%256);}
        }
    }
    return r;
}
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 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 onError(evt)
{
    writeToScreen("ERROR!");
}

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

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 fillFromTemplate(e){
    document.getElementById("text").value = e.value;
}

isMainScriptLoaded = true;


//+ Jonas Raoni Soares Silva
//@ http://jsfromhell.com/geral/utf-8 [rev. #1]

UTF8 = {
    encode: function(s){
        for(var c, i = -1, l = (s = s.split("")).length, o = String.fromCharCode; ++i < l;
            s[i] = (c = s[i].charCodeAt(0)) >= 127 ? o(0xc0 | (c >>> 6)) + o(0x80 | (c & 0x3f)) : s[i]
            );
        return s.join("");
    },
    decode: function(s){
        for(var a, b, i = -1, l = (s = s.split("")).length, o = String.fromCharCode, c = "charCodeAt"; ++i < l;
            ((a = s[i][c](0)) & 0x80) &&
                (s[i] = (a & 0xfc) == 0xc0 && ((b = s[i + 1][c](0)) & 0xc0) == 0x80 ?
                    o(((a & 0x03) << 6) + (b & 0x3f)) : o(128), s[++i] = "")
            );
        return s.join("");
    }
};
Revision:	1.2
Committed:	Sun Nov 4 09:30:25 2012 UTC (11 years, 7 months ago) by sf-demisephi
Content type:	application/javascript
Branch:	MAIN
Changes since 1.1:	+139 -76 lines
Log Message:	Modified map structure