var textVersionLink     = "javascript:switchStyle('text')";
var graphicVersionLink  = "javascript:switchStyle('graphic')";
var searchLink          = "/netorek-webmanager/plugins/search/";
var inFinnishLink       = "html/fi/index.html";
var inEnglishLink       = "html/en/index.html";
var inFinnishName       = "Suomeksi";
var inEnglishName       = "In English";

function renderHeaderMenu( version )
{
    var CODE = "";
    CODE += "<table cellspacing=\"0\" cellpadding=\"0\" border=\"0\">"; 
    CODE += "  <tr>";
    CODE += "    <td class=\"upperNaviText\">";

    if(version == "text")
    {
        CODE += "      <a href=\"javascript:switchStyle('graphics')\" class=\"upperNavi\">" + graphicsVersionName + "</a> | ";
    }
    else
    {
        CODE += "      <a href=\"javascript:switchStyle('text')\" class=\"upperNavi\">" + textVersionName + "</a> | ";
    }    

    CODE += "      <a href=\"" + sitemapLink     + "\" class=\"upperNavi\">" + sitemapName + "</a> | ";    
    CODE += "      <a href=\"" + feedbackLink    + "\" class=\"upperNavi\">" + feedbackName + "</a> | ";
    
    if (currentLang == "en")
    {   
        CODE += "      <a href=\"" + inFinnishLink     + "\" class=\"upperNavi\">" + inFinnishName + "</a>";    
    }
    else
    {
        CODE += "      <a href=\"" + inEnglishLink     + "\" class=\"upperNavi\">" + inEnglishName + "</a>";       
    }

    CODE += "    </td>"; 

    if(version == "text")
    { 
        CODE += "    <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>";
        CODE += "    <td><a href=\"javascript:zoomOutWithCookie()\">[-]</a></td>";
        CODE += "    <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>";
        CODE += "    <td><a href=\"javascript:zoomInWithCookie()\">[+]</a></td>";
        CODE += "    <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>";

    }
    else
    {
        CODE += "    <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>";
        CODE += "    <td><a href=\"javascript:zoomOutWithCookie()\"><img border=\"0\" src=\"images/fontMinus.gif\" /></a></td>";
        CODE += "    <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>";
        CODE += "    <td><a href=\"javascript:zoomInWithCookie()\"><img border=\"0\" src=\"images/fontPlus.gif\" /></a></td>";
        CODE += "    <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>";
    }
    CODE += "    <td valign=\"middle\"> ";
    CODE += "      <form name=\"searchForm\" method=\"GET\" action=\"" + searchLink + "\">";
    CODE += "        <input type=\"text\" name=\"query\"/>&nbsp;";
    CODE += "        <input value=\"" + searchLinkName + "\" class=\"searchButton\" type=\"submit\"/>&nbsp;&nbsp;";
    CODE += "      </td>";
    CODE += "    </form>";    
    CODE += "  </tr>";
    CODE += "</table>";
    document.write(CODE);
}

function search(formName)
{
    document.forms[formName].action="/netorek-webmanager/plugins/search/";
    document.forms[formName].submit();
}

function onReload()
{
    styleOnLoad();
    zoomOnReload();
}

function styleOnLoad()
{
    var style = getCookie("style");
    //alert('styleOnLoad: ' + style);

    if(style)
    {
        switchStyle(style);
    }
}

function switchStyle(style)
{
    //alert("switchStyle: " + document.getElementById("style"));
    var oldStyle = getCookie("style");
    if( style == oldStyle )
    {       
    }
    if( style == "text" )
    {        
        document.getElementById("style").href="css/default_plainText.css";
    }
    else
    {
        document.getElementById("style").href="css/default.css";
    }
    setCookie("style",style);    
}