var topComponents = 15;
var butComponents = 0;
var components = topComponents + butComponents;


function toolBarInit() {
    if (document.getElementById("_pagerT")) {
        //$("#_pagerT").appendTo($('#_newPagerT'));
        //document.getElementById("_pagerT").style.display="block";
    }

    if (document.getElementById("_pagerB")) {
        $("#_pagerB").appendTo($('#_newPagerB'));
        document.getElementById("_pagerB").style.display = "block";
    }

    if (document.getElementById("_threadNavigator")) {
        if (document.getElementById("_newThreadNavigator")) {
            $("#_threadNavigator").appendTo($('#_newThreadNavigator'));
            document.getElementById("_threadNavigator").style.display = "block";
        }
    }

    if (document.getElementById("_threadT")) {
        var inner = document.getElementById("_threadT").innerHTML;

        //$("#_threadT").appendTo($('#_newThreadT'));
        //document.getElementById("_threadT").style.display="block";

        //$("#_threadB").appendTo($('#_newThreadB'));
        //document.getElementById("_threadB").style.display="block";

        if (inner.indexOf(' href=') > 0) {
            inner = inner.substring(inner.indexOf(' href=') + 7, inner.indexOf('" rel='));

            while (inner.indexOf("&") > 0) {
                inner = inner.replace(/&/i, "&");
            }

            document.getElementById("_toolA_10").href = inner;
            document.getElementById("table_10").style.display = "block";
        }
    }

    /** /
     if (document.getElementById("_postReplyT"))
     {
     $("#_postReplyT").appendTo($('#_newPostReplyT'));
     document.getElementById("_postReplyT").style.display="block";

     $("#_postReplyB").appendTo($('#_newPostReplyB'));
     document.getElementById("_postReplyB").style.display="block";
     }
     /**/

    if (document.getElementById("_forumJump")) {
        $("#_forumJump").appendTo($('#_newForumJump'));
        document.getElementById("_forumJump").style.display = "block";
    }

    /** /
     if (document.getElementById("_threadNavigator"))
     {
     $("#_threadNavigator").appendTo($('#_newThreadNavigator'));
     document.getElementById("_threadNavigator").style.display="block";
     }
     /**/

    //document.getElementById('toolBar').style.display='block';

    for (var i = 1; i <= components; i++) {
        try {
            if (document.getElementById('_' + i)) {
                document.getElementById('table_' + i).style.display = "block";
                inner = document.getElementById('_' + i).innerHTML;

                var k = 0;
                while ((inner.indexOf("<!-- Categoty Top -->") != -1) && (k < 2)) {
                    if ((inner.indexOf("<!-- Categoty Top -->") != -1) && (inner.indexOf("<!-- /Categoty Top -->") != -1)) inner = inner.substring(0, inner.indexOf("<!-- Categoty Top -->")) + inner.substring(inner.indexOf("<!-- /Categoty Top -->") + 22, inner.length);
                    if ((inner.indexOf("<!-- Categoty Bottom -->") != -1) && (inner.indexOf("<!-- /Categoty Bottom -->") != -1))      inner = inner.substring(0, inner.indexOf("<!-- Categoty Bottom -->")) + inner.substring(inner.indexOf("<!-- /Categoty Bottom -->") + 25, inner.length);
                    k++;
                }

                document.getElementById('_' + i).innerHTML = inner;
                document.getElementById('_' + i).style.display = "block";

                var panelID = wrapAndReturn('_' + i, i - 1);
            }
        }
        catch(err) {
        }
    }


    // now position wrapped panels
    for (var i = 1; i <= components; i++) {
        if (document.getElementById('wrap_' + i)) {
            var pos = getAbsolutePos(document.getElementById('table_' + i));
            $('#wrap_' + i).css('left', pos.x);
            $('#wrap_' + i).css('top', pos.y + 26);
        }
    }


    $("body").click(function(event) {
        onBodyclick(event);
    });
    window.onresize = onBodyresize;
}


$(document).ready(function() {
    setTimeout("toolBarInit()", 500);
});


function wrapAndReturn(id, j) {
    var wrapid = 'wrap' + id;
    if (document.getElementById(wrapid)) return wrapid;
    var wraphrml = getWrapper(wrapid, j);

    $(wraphrml).appendTo($('#_toolbarDiv'));

    $('#wrap' + id + ' td.r33').append($('#' + id));
    $('#wrap' + id).css('position', 'absolute');
    $('#wrap' + id).css('visibility', 'hidden');
    $('#wrap' + id).css('z-index', '1000');
    $('#wrap' + id).css('overflow-x', 'auto');
    $('#wrap' + id).css('overflow-y', 'auto');
    document.getElementById(wrapid).style.zIndex = "9999";

    return wrapid;
}


function getWrapper(id, t) {
    var htmlCode = '<table id=' + id;
    if (id == "wrap_1") htmlCode += ' width=670';
    htmlCode += ' cellpadding="0" cellspacing="0" >' +
            '<tr height="10">' +
            '<td width="10"><img width="10" src="/forum/toolBar/images/module-3-tl.png"></img>' +
            '</td>' +
            '<td class="module-t"><img width="118px" height="10px" src="/forum/toolBar/images/module-3-t.png">' +
            '</td>' +
            '<td width="10"><img  width="10" src="/forum/toolBar/images/module-3-tr.png"></img>' +
            '</td>' +
            '</tr>' +
            '<tr>' +
            '<td class="module-l" width="10">' +
            '</td>' +
            '<td class="r33" style="background:#E1E6EE">' +
            '</td>' +
            '<td class="module-r" width="10">' +
            '</td>' +
            '</tr>' +
            '<tr height="10">' +
            '<td width="10"><img width="10" src="/forum/toolBar/images/module-3-bl.png"></img>' +
            '</td>' +
            '<td class="module-b">' +
            '</td>' +
            '<td width="10"><img width="10" src="/forum/toolBar/images/module-3-br.png"></img>' +
            '</td>' +
            '</tr>' +
            '</table>';

    return htmlCode;
}


function onBodyclick(evt) {
    var obj = new Object();
    obj.id = "";
    obj = evt.target || evt.srcElement || null;

    if ((obj.className.indexOf("toolA") == -1) && (obj.className.indexOf('tItem') == -1) && (obj.id.indexOf("wrap") == -1) && (obj.className.indexOf('selected') == -1)) {
        flag = true;

        while (obj.offsetParent) {
            if (obj.id.indexOf("wrap") != -1) flag = false;
            obj = obj.offsetParent;
        }

        if (flag != false) {
            for (i = 1; i <= components; i++) {
                if (document.getElementById('table_' + i)) {
                    $('#wrap_' + i).css('visibility', 'hidden');
                    deselectTab('_' + i);
                }
            }

            selectedObj = "_0";
            pressed = -1;
            lastPressed = 0;
        }
    }
}


function onBodyresize() {
    for (i = 1; i <= components; i++) {
        if (document.getElementById('table_' + i)) {
            $('#wrap_' + i).css('visibility', 'hidden');
            deselectTab('_' + i);
            var panelID = 'wrap_' + i;
            var pos = getAbsolutePos(document.getElementById('table_' + i));
            $('#' + panelID).css('left', pos.x);
            $('#' + panelID).css('top', pos.y + 22);
        }
    }

    selectedObj = "_0";
    pressed = -1;
    lastPressed = 0;
}


function onToolbarMouseOver(obj) {
    var tableObj = document.getElementById("table" + obj);

    if (obj != selectedObj) {
        if (obj.substring(1, obj.length) <= topComponents) tableObj.className = "tItemSel";
        else tableObj.className = "bItemSel";
    }
}


function onToolbarMouseOut(obj) {
    var tableObj = document.getElementById("table" + obj);

    if (obj != selectedObj) {
        if (obj.substring(1, obj.length) <= topComponents) tableObj.className = "tItem";
        else tableObj.className = "bItem";
    }
}


function deselectTab(obj) {
    var tableObj = document.getElementById("table" + obj);

    if (obj.substring(1, obj.length) <= topComponents) tableObj.className = "tItem";
    else tableObj.className = "bItem";
}


function selectTab(obj) {
    var tableObj = document.getElementById("table" + obj);

    if (obj.substring(1, obj.length) <= topComponents) tableObj.className = "tItemSel";
    else tableObj.className = "bItemSel";
}


var selectedObj;
var pressed = -1;
var lastPressed = 0;


function onToolbarClick(item) {
    selectedObj = item;

    pressed = parseInt(item.substring(1, item.length));

    lastSelected = 0;

    for (i = 1; i <= components; i++) {
        if ('_' + i != selectedObj) {
            $('#wrap_' + i).css('visibility', 'hidden');

            if (document.getElementById('table_' + i)) {
                onToolbarMouseOut('_' + i);
            }
        }
    }

    selectTab(item);

    var pos = getAbsolutePos(document.getElementById('table_' + pressed));
    $('#' + panelID).css('left', pos.x);
    $('#' + panelID).css('top', pos.y + 26);

    if (lastPressed != pressed) {
        var panelID = $('#wrap' + item);
        $(panelID).css('visibility', 'visible');

        lastSelected = 0;
    }
    else {
        $('#wrap_' + pressed).css('visibility', 'hidden');

        selectedObj = "";
        onToolbarMouseOut('_' + pressed);
        pressed = 0;
    }
    lastPressed = pressed;
}


function getAbsolutePos(el) {
    var r = { x: el.offsetLeft, y: el.offsetTop };

    if (el.offsetParent) {
        var tmp = getAbsolutePos(el.offsetParent);
        r.x += tmp.x;
        r.y += tmp.y;
    }

    return r;
}


function addBookmark(url, title) {
    if (!url) url = location.href;
    if (!title) title = document.title;

    //Gecko
    if ((typeof window.sidebar == "object") && (typeof window.sidebar.addPanel == "function")) window.sidebar.addPanel(title, url, "");
    //IE4+
    else if (typeof window.external == "object") window.external.AddFavorite(url, title);
    //Opera7+
    else if (window.opera && document.createElement) {
        var a = document.createElement('A');
        if (!a) return false; //IF Opera 6
        a.setAttribute('rel', 'sidebar');
        a.setAttribute('href', url);
        a.setAttribute('title', title);
        a.click();
    }
    else return false;

    return true;
}


function searchThread(searchWord) {
    document.getElementById("newQuery").value = searchWord;
    document.forms['_5-searchThread'].submit();
}


function s() {
    document.forms['f'].submit();
}