function showHelp(text)
{
    document.getElementById("help").innerHTML = "<table width='100%'><tr><td align='left'><code><img src='../res/info.png'><br/><br/>" + text + "</code></td></tr><tr><td align='right'><a href='javascript:;' onclick='hideHelp()'>" + _lang["hide"].toLowerCase() + "</a></td></tr></table>";
    document.getElementById("help").scrollIntoView(true);
}

function hideHelp(text)
{
    document.getElementById("help").innerHTML = "";
}

var _LANGUAGES;//    = {'en':'gb', 'ru':'ru', 'vi':'vn'};

function initLanguages()
{
    _LANGUAGES = new Array(0);
   // _LANGUAGES["en"] = "us";
   // _LANGUAGES["ru"] = "ru";
   // _LANGUAGES["vi"] = "vn";
}

function updateMenu()
{
    initLanguages();

    document.title                                      = _lang["slogan"];
    document.getElementById("home1").innerHTML          = _lang["home"];
    document.getElementById("home").innerHTML           = _lang["home"];
    document.getElementById("contact").innerHTML        = _lang["contact"];
    if(null != document.getElementById("register"))
    {
        document.getElementById("register").innerHTML   = _lang["register"];
        
        if("vi" == _lang["lang"])
        {
            if(null != document.getElementById("register_link"))
                document.getElementById("register_link").innerHTML = "";
            if(null != document.getElementById("register_link_2"))
                document.getElementById("register_link_2").innerHTML = "";
        }
    }
    document.getElementById("cameras").innerHTML        = _lang["cameras"];
    document.getElementById("download").innerHTML       = _lang["download"];
    document.getElementById("handsets").innerHTML       = _lang["handsets"];
    document.getElementById("account").innerHTML        = _lang["account"];
    document.getElementById("support").innerHTML        = _lang["support"];
    document.getElementById("user_manual").innerHTML    = _lang["user_manual"];

    var path    = window.location.pathname;
    var page    = path.substring(path.lastIndexOf('/') + 1);
    path        = path.substring(0, path.lastIndexOf('/'));

    var index   = 0;
    var lang    = "";
    if(_LANGUAGES.length > 0)
        for (var key in _LANGUAGES)
        {
            lang +=  "<a href='../" + key + "/" + page +  "' ><img src='../res/flags/" + _LANGUAGES[key] + ".png'/></a>";
            //path = "../" + key + "/" + page;
            //lang +=  "<img src='../res/flags/" + _LANGUAGES[key] + ".png' onclick=" + "\"" + "window.location='" + path + "';" + "\"" + "/>";

            if(index < (_LANGUAGES.length-1))
                lang += "&nbsp;";

            index++;

            if(index == _LANGUAGES.length)
                break;
        }
/*
    var lang    =   "<a class='current' href='../en/" + page + "'><img src='../res/flags/gb.png'/></a>" +
                    "&nbsp;" +
                    "<a href='../ru/" + page + "'><img src='../res/flags/ru.png'/></a>" +
                    "&nbsp;" +
                    "<a href='../vi/" + page + "'><img src='../res/flags/vn.png'/></a>";
 */
    document.getElementById("lang").innerHTML           = lang;

    //loadHeaderCssFile();

    // social
    var social = document.getElementById("social");
    if(null != social)
        social.innerHTML = "<div align='left'><a target='_blank' href='http://www.facebook.com/pages/LiveStream/9281957673?sk=info'><img src='../res/social/facebook.png' /></a>&nbsp;<a target='_blank' href='http://www.twitter.com/theLiveStream'><img src='../res/social/twitter.png' /></a></div>";

    // footer
    document.getElementById("terms_and_conditions").innerHTML   = _lang["terms_and_conditions"];
    document.getElementById("privacy_policy").innerHTML         = _lang["privacy_policy"];
    document.getElementById("footer_links_divider").innerHTML   = "&nbsp;|&nbsp";

    //alert(window.location + ". " + window.location.href);

    //if(window.location != window.location.href)
      //  window.location.reload();
}

function loadjscssfile(filename, filetype)
{
    if (filetype=="js")
    { //if filename is a external JavaScript file
        var fileref=document.createElement('script')
        fileref.setAttribute("type","text/javascript")
        fileref.setAttribute("src", filename)
    }
    else if (filetype=="css")
    { //if filename is an external CSS file
        var fileref=document.createElement("link")
        fileref.setAttribute("rel", "stylesheet")
        fileref.setAttribute("type", "text/css")
        fileref.setAttribute("href", filename)
    }
    if (typeof fileref!="undefined")
        document.getElementsByTagName("head")[0].appendChild(fileref)
}

function loadHeaderCssFile()
{
    var path    = window.location.pathname;
    if(path.indexOf('/') < 0)
        return;

    // substring leading /
    path  = path.substring(1);
    if(path.indexOf('/') < 0)
        return;

    path  = path.substring(0, path.indexOf('/'));
    //alert("../res/" + path + "/header.css");
    loadjscssfile("../res/" + path + "/header.css", "css");
}

function loadTextFieldContentFromFile(field, file)
{
    var path    = window.location.pathname;
    if(path.indexOf('/') < 0)
        return;

    // substring leading /
    path  = path.substring(1);
    if(path.indexOf('/') < 0)
        return;

    path  = path.substring(0, path.indexOf('/'));
    path = "../res/" + path + "/" + file;
    
    var client = new XMLHttpRequest();
    client.open('GET', path);
    client.onreadystatechange = function()
    {
        document.getElementById(field).innerHTML = client.responseText;
    }
    client.send();
}

function getLanguageId()
{
    if(null != _lang["lang"])
        return _lang["lang"];

    return "";
}