// http://www.quirksmode.org/js/detect.html
// (c) Peter-Paul Koch
var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};/*
 *
 *  ActiveX GUI Handlers
 *
 */
function VZOCall(callid)
{
    VZOGetWX().Call(callid, "", 0);
}
function VZOLogin(user, passw)
{
    VZOGetWX().Login(user, passw, false);
}
function VZOLogout()
{
    VZOGetWX().Logout();
}
function VZOSendMessage(_is_system, _to, _message)
{
    if (VZO_AllowChat)
    {
        _message = _message.replace(/[\n\r]/g,"\x0a\x0d");
        VZOGetWX().SendChatMessage(_is_system, _to, _message);
        VZOPrintMessageToConsole((_is_system?"System":"Chat") +" message <em>" + _message + "</em> sent to <em>" + _to + "</em>.");
        return true;
    } else {
        VZOPrintMessageToConsole("State <em>" + VZO_LastState + "</em> do not allow to send a message.");
        return false;
    }
}
function VZOGetServer()
{
    return VZOGetWX().Server;
}
function VZOUpdateStates()
{
    VZO_AllowLogin = VZOGetWX().AllowLogin;
    VZO_AllowLogout = VZOGetWX().AllowLogout;
    VZO_AllowCall = VZOGetWX().AllowCall;
    VZO_AllowEject = VZOGetWX().AllowEject;
    VZO_AllowChat = VZOGetWX().AllowAnyChat;
}
function VZOGetOtherID()
{
    return VZOGetWX().OtherID;
}
function VZOGetOtherDisplayName()
{
    var name = VZO_OtherUserDisplayName.length > 0 ? VZO_OtherUserDisplayName : VZOGetOtherID();
    if (/^@g.*$/i.test(name))
        name = _("[js/]Internet User");
    return name;
}
function VZOGetLoginDisplayName()
{
    var name = VZO_LoggedUserDisplayName.length > 0 ? VZO_LoggedUserDisplayName : VZOGetLoginID();
    if (/^@g.*$/i.test(name))
        name = _("[js/]Internet User");
    return name;
}
function VZOGetLoginID()
{
    return VZOGetWX().LoginID;
}
function VZOToggleChatControls(_flag)
{
    var send_btn = document.getElementById(VZO_SendButton);
    var send_input = document.getElementById(VZO_MsgInput);
    send_btn.disabled = !_flag;
    send_input.disabled = !_flag;
}
function VZOUpdateGUI()
{
    if (!VZO_AllowChat)
    {
        VZOToggleChatControls(false);
        VZOPrintMessageToConsole("Chat not available in state <em>"+VZO_LastState+"</em>");
    }
    else
    {
        VZOToggleChatControls(true);
    }
}
function VZORequestDisplayName(_call_id)
{
    if (VZOGetWX().RequestUserInfo)
        VZOGetWX().RequestUserInfo(_call_id, "DisplayName");
}
function VZOAcceptCall()
{
    VZOGetWX().AcceptCall();
}
function VZORejectCall()
{
    VZOGetWX().RejectCall();
}
function VZOPrintStates()
{
    VZOPrintMessageToConsole("AllowCall = " + VZOGetWX().AllowCall);
    VZOPrintMessageToConsole("AllowEject = " + VZOGetWX().AllowEject);
    VZOPrintMessageToConsole("AllowLogin = " + VZOGetWX().AllowLogin);
    VZOPrintMessageToConsole("AllowLogout = " + VZOGetWX().AllowLogout);
    VZOPrintMessageToConsole("AllowChat = " + VZOGetWX().AllowAnyChat);
}
function VZOSendChatMessage(_to, _message)
{
    return VZOSendMessage(false, _to, _message);
}
function VZOSendSystemMessage(_to, _message)
{
    return VZOSendMessage(true, _to, _message);
}
function VZOResizeWebClientX(_width)
{
    VZOGetWX().Width = _width;
    VZOGetWX().style.width = _width + "px";
}
function VZOChatButtonClick()
{
    VZOGetWX().ChatButtonClick();
}
function VZOSetSoundNotification(_state)
{
    VZOGetWX().SoundNotifications = _state;
}
function VZOSetLanguage(_lang)
{   
    // Sometimes OnLoad() from WX comes ahead of init.js
    // so we need to define manually our main object
    var WebClientX = VZOGetWX();
    if (_lang && _lang.length == 2)
    {
        VZOGetWX().Language = _lang;
        VZOPrintMessageToConsole("Language changed to '" + _lang + "'.");
    }
}
function VZOUpdateWindowSize()
{
    var WebClientX = VZOGetWX();
    var height = VZOGetWX().GetOptimalExtHeight();
    //if (typeof(VZOGetWX().height) != "undefined")
        //VZOGetWX().height = height;
    //if (typeof(VZOGetWX().Height) != "undefined")
        //VZOGetWX().Height = height;
    var panel = document.getElementById(VZO_ActiveXPanel);
    if (panel)
        panel.style.height = VZOGetWX().GetOptimalExtHeight() + "px";
}
/* Variable will be defined on initialization*/
var VZO_ServerUrl = "http://share.vzochat.com";
var VZO_DefaultUrl = "http://vzochat.com";
var VZO_IsProduction = true;
var VZO_Language = "en";
var VZO_WxObjectHTML = "";
var VZO_ActiveXVersion = "9.9.9";
var VZO_NPAPIVersion = "9.9.9";
var VZO_IEInstaller = "";
var VZO_FirefoxInstaller = "";
var VZO_OperaInstaller = "";
var VZO_SafariInstaller = "";
var VZO_ClientBrowser = "";
var VZO_CredentialsParams = "";
var VZO_CredentialsAttribs = "";
var VZO_CallID = "";
var VZO_WxUrl = "";

/* Global Variables */
var VZO_LastState = "";
var VZO_AllowLogin = false;
var VZO_AllowLogout = false;
var VZO_AllowCall = false;
var VZO_AllowEject = false;
var VZO_AllowChat = false;
var VZO_Stack = [];
var VZO_ChatPanel = "vzo_chat";
var VZO_ChatBoardPanel = "vzo_chat_board";
var VZO_ToChat = "vzo_chat_board";
var VZO_ToConsole = "vzo_console";
var VZO_MsgInput = "vzo_msg";
var VZO_SendButton = "vzo_send_msg";
var VZO_IsChatPanelOpen = false;
var VZO_LoggedUserDisplayName = "";
var VZO_OtherUserDisplayName = "";
var VZO_CallPanel = "vzo_call";
var VZO_Panel = "vzo_panel";
var VZO_ChatInfoPanel = "vzo-chat-info";
var VZO_DefaultTitle = "VZOchat Web Client";
var VZO_ActiveXPanel = "vzo_activex";
var VZO_LoaderPanel = "vzo_loader";
var VZO_SoundIcon = "vzo-sound-icon";
var VZO_OtherUserStatus = -1;

/* System Methods */
function VZOGetWX()
{
    return WebClientX ? WebClientX : document.getElementById("WebClientX");
}
function VZOProcessStack()
{
    var exec = "";
    // Process
    for (var i=0;i<VZO_Stack.length;i++)
    {
        var call = VZO_Stack[i];
        if (eval(call[1]))
        {
            VZO_Stack[i] = null;
            exec += call[0];
        }
    }
    // Clean
    var stack = [];
    for (var i=0;i<VZO_Stack.length;i++)
        if (VZO_Stack[i] != null)
            stack.push(VZO_Stack[i]);
    VZO_Stack = stack;
    // Execute
    if (exec.length > 0)
    {
        eval(exec);
        VZOPrintMessageToConsole("["+exec+"] executed.");
    }
}
function VZOAddToStack(_method, _allow)
{
    VZO_Stack.push([_method,_allow]);
}
function VZOFocusChatInput()
{
    var input = document.getElementById(VZO_MsgInput);
    if (input && !input.disabled)
        input.focus();
}
function VZOScrollChatPanel()
{
    var panel = document.getElementById(VZO_ChatBoardPanel);
    if (panel)
        panel.scrollTop = panel.scrollHeight;
}
function VZOScrollChatInput()
{
    var panel = document.getElementById(VZO_MsgInput);
    if (panel)
        panel.scrollTop = panel.scrollHeight;
}
function VZOScrollWindowToTop()
{
    var panel = document.getElementById(VZO_Panel);
    if (panel)
        panel.scrollTop = 0;
}
function VZOToggleChatPanel(_force, _releaseButton)
{
    var panel = document.getElementById(VZO_ChatPanel);
    if (panel)
    {
        var toOpen = !VZO_IsChatPanelOpen;
        if (_force != null)
            toOpen = _force;
        if (_releaseButton != null && _releaseButton == true)
            VZOChatButtonClick();
        if (toOpen)
        {
            panel.style.display = "";
            var info = document.getElementById("vzo-chat-info");
            if (info)
                info.innerHTML = _("[js/]Chat: %user% with %other%").replace("%user%",VZOParseName(VZOGetLoginDisplayName())).replace("%other%",VZOParseName(VZOGetOtherDisplayName()));
            VZOScrollChatPanel();
        }
        else
        {
            panel.style.display = "none";
        }
        VZOScrollWindowToTop();
        VZO_IsChatPanelOpen = !VZO_IsChatPanelOpen;
    }
    VZOFocusChatInput();
}
function UpdateRequestsStack(_user_id, _prop_name, _prop_value)
{
    if (_prop_name != "DisplayName")
        return;
    if (_user_id == VZOGetWX().LoginID)
        VZO_LoggedUserDisplayName = _prop_value;
    else
        VZO_LoggedUserDisplayName = VZOGetWX().LoginID;
    if (_user_id == VZOGetWX().OtherID)
        VZO_OtherUserDisplayName = _prop_value;
    else
        VZO_OtherUserDisplayName = VZOGetWX().OtherID;
}
function VZOSendMessageButtonClick()
{
    // Validation
    var input = document.getElementById(VZO_MsgInput);
    if (!input)
    {
        VZOPrintMessageToConsole("Chat input not exist");
        VZOFocusChatInput();
        return;
    }
    var msg = input.value;
    var to = VZOGetOtherID();
    if (msg.replace(/[\n\t\x0a\x0d\s]+/g,'').length == 0)
    {
        VZOPrintMessageToConsole("Chat input is empty");
        VZOFocusChatInput();
        return;
    }
    // Validation
    msg = msg.substring(0,2000);
    // Sending
    if (VZOSendChatMessage(to, msg))
    {
        var to_name = VZO_LoggedUserDisplayName.length > 0 ? VZO_LoggedUserDisplayName : VZOGetWX().LoginID;
        if (/^@g.*$/i.test(to_name))
            to_name = "<span class='vzo-guest'>" + VZOParseName(to_name, _("[js/]Guest %id"))+"</span>";
        // Echo print to chat board
        msg = msg.replace(/ /g,"&nbsp;");
        msg = msg.replace(/\n/g,"<br />");
        VZOPrintMessageToChat("<b>" + to_name + "</b> " + VZODate() + ": " + msg);
        // Check if OtherUser is offline
        if (VZOGetWX().OtherID_Status == 0)
            VZOPrintMessageToChat(_("[js/][i]message was sent to offline[/i]"));
        // Clean input field
        input.value = "";
    }
    // Scroll chat panel to bottom
    VZOScrollChatPanel();
    // Set focus on input field
    VZOFocusChatInput();
    // Return title to default state
    // document.title = VZO_DefaultTitle;
}
function VZOAutoLoginState()
{
    VZOPrintMessageToConsole("AutoLoginState. LoginID: <em>"+VZOGetWX().LoginID+"</em>, Session: <em>"+VZOGetWX().Session+"</em>, Password: <em>" + VZOGetWX().Password + "</em>.");
}
function VZOProcessKeyStrokeInChatInput(e)
{
    var code = (e.which) ? e.which : e.keyCode;
    var chat = document.getElementById(VZO_MsgInput);
    if (code == 13)
    {
        if (e.ctrlKey) {           
            chat.value += "\x0a";
            VZOScrollChatInput();
        } else {
            VZOSendMessageButtonClick();
        }
        e.returnValue = false;
        e.cancelBubble = true;
	    if (e.stopPropagation)
	        e.stopPropagation();
    }
    return e;
}
function VZOCleanUpChatInput(e)
{
    var chat = document.getElementById(VZO_MsgInput);
    if (chat.value.replace(/[\n\t\x0a\x0d\s]+/g,'').length == 0)
        chat.value = "";
}
function VZODate()
{
    var date = new Date();
    return "<span class='vzo-timestamp'>(" + date.toLocaleTimeString() + ")</span>";
}
var VZO__last_message = "";
function VZOPrintSystemMessage(_msg)
{
    if (_msg != VZO__last_message)
        VZOPrintMessageToChat("<span class='vzo-system'>" + _msg + "</span>");
    VZO__last_message = _msg;
}
function VZOPrintOuterMessage(_msg)
{
    VZOPrintMessageToChat("<span class='vzo-outer'>"+_("[js/][i]Message received from another user, you cannot reply on it.[/i]")+"<br/>" + _msg + "</span>");
}
function VZOPrintMessageToConsole(_msg)
{
    var place = document.getElementById(VZO_ToConsole);        
    if (place)
        place.innerHTML = "<p>" + _msg + "</p>\n" + place.innerHTML;
}
function VZOPrintMessageToChat(_msg)
{
    var place = document.getElementById(VZO_ToChat);        
    if (place)
        place.innerHTML += "<p>" + _msg + "</p>\n";
}
function VZOTwoDigits(_x)
{
    return (new String(_x).length < 2) ? "0" + _x : _x;
}
function VZOToggleSoundNotifications()
{
    var img = document.getElementById(VZO_SoundIcon);
    if (!img)
        return;
    if (/none/i.test(img.src))
    {
        // Disabled
        img.src = VZO_ServerUrl + "/images/sound.gif";
        VZOSetSoundNotification(true)
    } else {
        // Enabled
        img.src = VZO_ServerUrl + "/images/sound_none.gif";
        VZOSetSoundNotification(false);
    }
}
function VZOCreateTag(_id, _tag)
{
    var layer = document.createElement(_tag);
    if (_id.length > 0)
        layer.id = _id;
    return layer;
}
function VZOCreateLayer(_id)
{
    return VZOCreateTag(_id, "div");
}
function VZORenderLayer(_layer, _parent)
{
    document.getElementById(_parent).appendChild(_layer);
}
function VZOPrintAnchor(_id)
{
    document.write("<div id='"+_id+"'></div><!-- (c) 2008, VZOchat.Com -->");
}
function VZOCreateEventHandler(_for, _event)
{
    document.write("<script for='" + _for + "' event='" + _event + "' language='JavaScript'>" + _event + ";</script>");
}
function VZOHide(id)
{
    var div = document.getElementById(id);
    if (div)
        div.style.display = "none";
}
function VZOShow(id)
{
    var div = document.getElementById(id);
    if (div)
        div.style.display = "";
}
function _(_key)
{
    var text = ""
    if (typeof(vzoL10n) == 'undefined' || typeof(vzoL10n[_key]) == 'undefined')
        text = _key;
    else
        text = vzoL10n[_key];
    return text.replace(/\[js\/?\]/ig,"").replace(/\[([^\]]+)\]/g,"<$1>");
}
function VZOParseName(_gName, _defString)
{
    if (/^@g.*$/i.test(_gName))
    {
        var name = _defString == null ? _("[js/]Internet User %id") : _defString;
        if (name.length < 3)
            return name.replace('%id','');
        var id = parseInt(_gName.substring(_gName.length - 3), 16);
        return name.replace('%id', id);
    } else {
        return _gName;
    }
}var dragObject  = null;
var mouseOffset = null;

function VZOGetPosition(e)
{
	var left = 0;
	var top  = 0;

	while (e.offsetParent)
	{
		left += e.offsetLeft;
		top  += e.offsetTop;
		e     = e.offsetParent;
	}

	left += e.offsetLeft;
	top  += e.offsetTop;

	return {x:left, y:top};
}

function VZOMouseMove(ev)
{
	ev = ev || window.event;
	var mousePos = VZOMouseCoords(ev);
	if (!dragObject)
	    return false;
	var objPos = VZOGetPosition(dragObject);
	var width = mousePos.x - objPos.x;
	var height = mousePos.y - objPos.y - 50;
	width = width<480 ? 480 : (width>800 ? 800 : width);
	height = height<100 ? 100 : (height>400 ? 400 : height);
	//dragObject.style.width = width + 'px';
	dragObject.style.height = height + 'px';
	//document.getElementById('vzo_msg').value = width + "x" + height;
	//VZOResizeWebClientX(width);
}

function VZOMouseUp()
{
	dragObject = null;
    document.onmousemove = null;
    document.onmouseup   = null;
}

function VZOMakeResizable()
{
    var handler = document.getElementById('vzo_drag_handler');
    var panel = document.getElementById('vzo_chat_board');
    if (handler && panel)
    {    
	    handler.onmousedown = function()
	    {
		    dragObject  = panel;
            document.onmousemove = VZOMouseMove;
            document.onmouseup   = VZOMouseUp;
		    return false;
	    }
	}
}

function VZOMouseCoords(ev)
{
	if(ev.pageX || ev.pageY)
		return {x:ev.pageX, y:ev.pageY};
	return {
		x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
		y:ev.clientY + document.body.scrollTop  - document.body.clientTop
	};
}/* Event Handlers */
function OnIncommingMessage(AIsSystem, AMessageString, AUserName, aTo, AUid, AIsOnlyActivate, ADoNotShowWindow, AIsOpenByUser)
{
    var msg = "";
    var name = "";
    name = VZOParseName(AUserName);
    msg += "<span class='vzo-company'><b>"+name+"</b></span> " + VZODate() + ": ";
    msg += AMessageString;
    if (AUid.toLowerCase() == VZOGetOtherID().toLowerCase())
	    VZOPrintMessageToChat(msg.replace(/\x0a\x0d/g,"<br />"));
    else
	    VZOPrintOuterMessage(msg);
	//document.title = _("[js/]VZOchat Web Client - %name% says...").replace("%name%",name);
    VZOScrollChatInput();
    VZOToggleChatPanel(true);
}

function OnDebugMessage(message)
{
    VZOPrintMessageToConsole(message);
}

function OnChangeState(state, message)
{
    VZOPrintMessageToConsole("New state <em>" + message + "</em> ["+state+"]");
    VZO_LastState = message + "["+state+"]";
    VZOUpdateStates();
    VZOProcessStack();
    VZOUpdateGUI();
    //VZOPrintStates();
    // Update plugin height
    VZOUpdateWindowSize();
}
function OnChatButtonClick(bStart)
{
    VZOToggleChatPanel(bStart, false);
}
function OnReceiveUserInfo(sUserID, sPropName, sPropValue)
{
    UpdateRequestsStack(_user_id, _prop_name, _prop_value)
}
function OnIncomingQuery(sMessag, bStart)
{   
    // FF tab test
    /*
    netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');
    var wm = Components.classes["@mozilla.org/appshell/window-mediator;1"].getService(Components.interfaces.nsIWindowMediator);
    var browserEnumerator = wm.getEnumerator("navigator:browser");
    // Check each browser instance for our URL
    while (browserEnumerator.hasMoreElements())
    {
        var browserInstance = browserEnumerator.getNext().getBrowser();
        // Check each tab of this browser instance
        var numTabs = browserInstance.tabContainer.childNodes.length;
        for(var index=0; index<numTabs; index++)
        {
            var currentBrowser = browserInstance.getBrowserAtIndex(index);
            if (currentBrowser.currentURI.spec.match(/share(15)?\.vzochat\.com/i))
            {
                // The URL is already opened. Select this tab.
                browserInstance.selectedTab = browserInstance.tabContainer.childNodes[index];
                // Focus *this* browser
                browserInstance.focus();
                break;
            }
        }
    }
    */
}
function OnChangeOtherState(iState)
{
    VZO_OtherUserStatus = iState;
    VZOUpdateGUI();
}
function OnLoad(CanStart)
{
    // Set language from browser settings
    VZOSetLanguage(VZO_Language);
    // Hide loader panels
    VZOHide("vzo_install_tips");
    VZOHide("vzo_loader");
    // Decide is NPAPI plugin outdated
    // If so, hide web client and show an update note
//    alert("VZOGetWX().Version = " + new Number(VZOGetWX().Version) + ", VZO_NPAPIVersion = " + new Number(VZO_NPAPIVersion));
    var npapi_ver = new Number(VZOGetWX().Version);
    if (npapi_ver < new Number(VZO_NPAPIVersion))
    {
        if (VZO_ClientBrowser == "Opera")
            VZOShow("vzo_reinstall_opera");
        else if (VZO_ClientBrowser == "Safari")
            VZOShow("vzo_reinstall_safari");
    }
    
}
function OnIncomingRecordQuery(sCallID, bDefault)
{
    /*
    name = VZOParseName(sCallID);
    var r = confirm(_("[js/]Recording request from %name%.\nPress OK to accept or Cancel to reject it.").replace("%name%", name));
    if (r == true)
        VZOGetWX().AllowIncomingRecordQuery();
    else
        VZOGetWX().DenyIncomingRecordQuery();
    */
}
function VZORunWxRenderMachine()
{
    // Make set-point for all script output
    VZOPrintAnchor("vzo_panel");
     
    // ActiveX Loader Layer
    var divLoader = VZOCreateLayer("vzo_loader");
    divLoader.innerHTML = "<h3>"+_("[js/]Loading VZOchat Web Client...")+"</h3><p><img src='"+VZO_ServerUrl+"/images/spinner.gif' style='margin-right:10px;'>"+_("[js/]Usually it takes less than 30 seconds for initial download.")+"</p><p>"+_("[js/]And only couple of seconds next time.")+"</p><p>"+_("[js/]Please wait for a while. Thank you!")+"</p>";
    VZORenderLayer(divLoader, "vzo_panel");
    
    // reinstall wrapper layers
    var divReinstallFirefox = VZOCreateLayer("vzo_reinstall_firefox");
    divReinstallFirefox.innerHTML = "<b>"+_("[js/]Version outdated...")+"</b><p>"+_("[js/]Please upgrade to a newer version:")+"</p><p><span style='font-size: larger;'><a href='"+VZO_FirefoxInstaller+"'>"+_("[js/]Upgrade")+"</a></span></p>";
    divReinstallFirefox.style.display = "none";
    VZORenderLayer(divReinstallFirefox, "vzo_panel");    
    
    var divReinstallOpera = VZOCreateLayer("vzo_reinstall_opera");
    divReinstallOpera.innerHTML = "<b>"+_("[js/]Opera VZOchat Web Client version is outdated")+"</b><p>"+_("[js/]Please upgrade to a newer version:")+"</p><p><span style='font-size: larger;'><a href='"+VZO_OperaInstaller+"'>"+VZO_OperaInstaller+"</a></span></p>";
    divReinstallOpera.style.display = "none";
    VZORenderLayer(divReinstallOpera, "vzo_panel");
    
    var divReinstallSafari = VZOCreateLayer("vzo_reinstall_safari");
    divReinstallSafari.innerHTML = "<b>"+_("[js/]Safari VZOchat Web Client version is outdated")+"</b><p>"+_("[js/]Please upgrade to a newer version:")+"</p><p><span style='font-size: larger;'><a href='"+VZO_SafariInstaller+"'>"+VZO_SafariInstaller+"</a></span></p>";
    divReinstallSafari.style.display = "none";
    VZORenderLayer(divReinstallSafari, "vzo_panel");

    // ActiveX Layer
    var divActiveX = VZOCreateLayer("vzo_activex");
    VZORenderLayer(divActiveX, "vzo_panel");

    // Debug
    if (!VZO_IsProduction)
    {
        var divConsole = VZOCreateLayer("vzo_console");
        VZORenderLayer(divConsole, "vzo_panel");
    }

    // Chat
    var divChat = VZOCreateLayer("vzo_chat");
    divChat.style.display = "none";
    VZORenderLayer(divChat, "vzo_panel");

    // Chat Header
    var divChatHeader = VZOCreateLayer("vzo_chat_header");
    divChatHeader.innerHTML = "<span id='vzo-chat-info'></span>";
    VZORenderLayer(divChatHeader, "vzo_chat");

    // Chat Close Button
    var divChatHeader = VZOCreateLayer("vzo_chat_header_close");
    divChatHeader.innerHTML = "<img style='cursor:pointer;' id='vzo-sound-icon' onclick='VZOToggleSoundNotifications();' src='"+VZO_ServerUrl+"/images/sound.gif' />&nbsp;<img style='cursor:pointer;' onclick='VZOToggleChatPanel(false,true);' src='"+VZO_ServerUrl+"/images/close.gif' />";
    VZORenderLayer(divChatHeader, "vzo_chat_header");

    // Chat Board
    var divChatBoard = VZOCreateLayer("vzo_chat_board");
    VZORenderLayer(divChatBoard, "vzo_chat");

    // Chat Footer
    var divChatFooter = VZOCreateLayer("vzo_chat_footer");
    divChatFooter.innerHTML = "<form style='margin:0px;' onsubmit='VZOSendMessageButtonClick();'>";
    divChatFooter.innerHTML += "<div id='vzo-input-div'><textarea name='vzo_msg' onkeydown='VZOProcessKeyStrokeInChatInput(event);' onkeyup='VZOCleanUpChatInput(event);' id='vzo_msg'></textarea></div>";
    divChatFooter.innerHTML += "<div id='vzo-button-div'><button type='submit' id='vzo_send_msg' onclick='VZOSendMessageButtonClick();return false;'><img src='"+VZO_ServerUrl+"/images/comment.gif' />&nbsp;"+_("[js/]Send")+"</button><!--<div id='vzo_drag_handler'><span><img src='"+VZO_ServerUrl+"/images/resize.gif' width='16' height='16'/></span></div>--></div>";
    divChatFooter.innerHTML += "</form>";
    VZORenderLayer(divChatFooter, "vzo_chat");
}

VZOCreateEventHandler('WebClientX', 'OnIncommingMessage(AIsSystem, AMessageString, AUserName, aTo, AUid, AIsOnlyActivate, ADoNotShowWindow, AIsOpenByUser)');VZOCreateEventHandler('WebClientX', 'OnDebugMessage(message)');VZOCreateEventHandler('WebClientX', 'OnChangeState(state, message)');VZOCreateEventHandler('WebClientX', 'OnChatButtonClick(bStart)');VZOCreateEventHandler('WebClientX', 'OnReceiveUserInfo(sUserID, sPropName, sPropValue)');VZOCreateEventHandler('WebClientX', 'OnReceiveUserInfo(sUserID, sPropName, sPropValue)');VZOCreateEventHandler('WebClientX', 'OnIncomingQuery(sMessag, bStart)');VZOCreateEventHandler('WebClientX', 'OnChangeOtherState(iState)');VZOCreateEventHandler('WebClientX', 'OnLoad(CanStart)');VZOCreateEventHandler('WebClientX', 'OnIncomingRecordQuery(sCallID, bDefault)');