var g_strSelected = "";

function GetMid()
{
    var link = window.location.href;
    var pos = link.indexOf("?mid=");
    if (pos != -1) {
        return link.substring(pos + 5);
    }
    return 1;
}

function InitContent()
{
    //load menu
    DoHttpGetX("getdata.php?cmd=menu", OnMenuReady);

    //load content
    GetContent(GetMid());
    GetContentFtLeft();
}
function OnMenuReady(xmlDoc)
{
    var xNodes = xmlDoc.getElementsByTagName("item");
    var strRow = "";
    var id = "", disp = "", descr = "", url = "", is_url = "", cmd = "";
    arrLeftMenu = new Array();
    arrBottMenu = new Array();
    if (xNodes.length) {
        for (i = 0; i < xNodes.length; i++) {
            id = getItemData(xNodes, i, 0);
            disp = getItemData(xNodes, i, 1);
            descr = getItemData(xNodes, i, 2);
            url = getItemData(xNodes, i, 3, "#");
            is_url = getItemData(xNodes, i, 4);
            cmd = (is_url == "1") ? ("") : ("GetContent('" + id + "');blur();return false;");

            strRow = "<td id='mid_" + id + "' class='menu_item' title='" + descr + "' onmouseover='OverItem(this.id)' onmouseout='OutItem(this.id)' onblur='OutItem(this.id)' onclick=\"" + cmd + "\" nowrap='nowrap'>";
            strRow += "<a href='" + url + "' onclick=\"" + cmd + "\">" + disp + "</a>"; 
            strRow += "</td>";
            arrLeftMenu.push(strRow);

            strRow = "<a href='" + url + "' onclick=\"" + cmd + "\">" + disp + "</a>"; 
            arrBottMenu.push(strRow);
        }
    }
    var objHolder = document.getElementById("menu");
    if (objHolder) {
        objHolder.innerHTML = "<table border='0' cellspacing='0' cellpadding='0' align='center' height='100%'><tr>" + arrLeftMenu.join("") + "</tr></table>";
        SelectItem("mid_" + GetMid());
    }
/*
    objHolder = document.getElementById("fmenu");
    if (objHolder) {
        objHolder.innerHTML = "<div>" + arrBottMenu.join(" | ") + "</div>";
    }
*/}

function GetContent(mid)
{
    DoHttpGet("getcontent.php?mid=" + mid, OnContentReady);
    SelectItem("mid_" + mid);
}
function OnContentReady(RqObject)
{
    var objHolder = document.getElementById("content");
    if (!objHolder)
        return;
    objHolder.innerHTML = RqObject.responseText;
    objHolder.scrollTop = 0;
    ScrollThumbs();
}
function GetContentFtLeft()
{
    var MID_FTLEFT = 2;
    DoHttpGet("getcontent.php?mid=" + MID_FTLEFT, OnContentFtLeftReady);
}
function OnContentFtLeftReady(RqObject)
{
    var objHolder = document.getElementById("fcont");
    if (!objHolder)
        return;
    objHolder.innerHTML = RqObject.responseText;
}

function SelectItem(strElementId)
{
    var element = document.getElementById(strElementId);
    if (!element)
        return;
    var i = 0;
    var selected = getElementsByClassName("menu_sel");
    for (i = 0; i < selected.length; i++) {
        selected[i].className = "menu_item";
    }
    element.className = "menu_sel";
    g_strSelected = strElementId;
}
function OverItem(strElementId)
{
    var element = document.getElementById(strElementId);
    if (!element)
        return;
    element.className = "menu_over";
}
function OutItem(strElementId)
{
    var element = document.getElementById(strElementId);
    if (!element)
        return;
    element.className = (g_strSelected == strElementId) ? "menu_sel" : "menu_item";
}

function ScrollThumbs()
{
    var wrap = getElement('thumbs_wrap'); 
    if (!wrap) 
        return;

    ShowElement('header_2', false);

    var wwidth = findWidth(wrap);
    if (wwidth >= wrap.scrollWidth) 
        return;
    var thumbs_sel = getElementsByClassName('thumb_sel');
    if (!thumbs_sel.length) 
        return;
    var thumb = thumbs_sel[0];
    var tleft = findLeft(thumb) - findLeft('thumbs_wrap');
    var twidth = findWidth(thumb);
    wrap.scrollLeft = tleft - (wwidth/2) + (twidth/2); 
}