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

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;

}

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;

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

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);
        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){
        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);

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


    }
};

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

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="45%";
    tableLeft.style.float = "left";
    content.appendChild(tableRight = $_("table"));
    tableRight.style.width="45%";
    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];

    }




}

/*


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

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

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

}
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()  +']');
}

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

                }
            }
            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]);
            doSend ('exti ["resource",'+exti.getNextId() + ',"exp_table", "skill_info", "spell_paths"]');
        }else if (replyID==102){
            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 = [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];
var spellPaths = [];

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 = $_("img");

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

        }else{
            if (nameX.length>3){
            if (nameX == "5d7a9b7f65deb9e99ce0dd74560eb0"){
                var req = new XMLHttpRequest();
                req.open('GET', baseURL+""+nameX, false);
                req.send(null);
                if(req.status == 200)
                    skillNames = JSON.parse(req.responseText);
            }else if (nameX =="6c65c81502952fd958a6f794a0d34c"){
                var req = new XMLHttpRequest();
                req.open('GET', baseURL+""+nameX, false);
                req.send(null);
                if(req.status == 200)
                    spellPaths = JSON.parse(req.responseText);
            }else if (nameX=="f66e1bc0a5662e59be0253a84ee06c"){
                var req = new XMLHttpRequest();
                req.open('GET', baseURL+""+nameX, false);
                req.send(null);
                if(req.status == 200)
                    expTable = JSON.parse(req.responseText);
            }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();
            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 = {
    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{
        var ret = document.createElement(p);
        unselectable(ret);
        return ret;
    }
}
var tiles = [];

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

    console.log(evt.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(
        String.fromCharCode (message.length >> 8)
      + String.fromCharCode (message.length & 255)
      + 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("");
    }
};