var elems
var elems2
var path;

function display(obj) {
    hideall();
    if (obj.length > 0) {
        var item = document.getElementById(obj)
        try {
            if (item != null) {
                item.style.display = 'block';

            }
        }
        catch (e) { }
    }
}
function hide(obj) {
    document.getElementById(obj).style.display = 'none';

}

function hideall() {
    for (var i = 0; i < elems2.length; i++) {
        //alert(elems2[i].Name);
        try {
            var obj = document.getElementById(elems2[i].title);
            try {
                obj.style.display = 'none';

            } catch (e) { }
        } catch (e) {

        }
    }

}


function bindControls() {
    elems = document.getElementById("bottommenu");
    elems2 = elems.getElementsByTagName("div");

    for (var i = 0; i < elems2.length; i++) {
        //alert(elems2[i].Name);
        try {
            elems2[i].onmouseover = mouseover;
            elems2[i].onmouseout = mouseout;

            var subitem = document.getElementById(elems2[i].title);
            subitem.parent = elems2[i].id;
            if (subitem != null) {

                subitem.onmouseover = submouseover;
                subitem.onmouseout = submouseout;


            }
        } catch (e) {

        }
    }

    function mouseover() {
        display(this.title);

        elems = document.getElementById("bottommenu");
        elems2 = elems.getElementsByTagName("div");

        for (var i = 0; i < elems2.length; i++) {
            //alert(elems2[i].Name);
            try {
                if (elems2[i].title != "") {
                    elems2[i].style.backgroundImage = "url('" + path + "Images/menu_back_off.png')";

                    var as = elems2[i].getElementsByTagName("a");
                    as[0].style.color = "#ffffff";
                }

            } catch (e) {

            }
        }
        if (this.title != "") {
            this.style.background = "url('" + path + "Images/menu_back_on.png') repeat-x";



            var as = this.getElementsByTagName("a");
            as[0].style.color = "#9f0119";
        }
    }
    function mouseout() {

    }

    function submouseover() {
        display(this.id);
        if (this.parent != "") {
            var obj = document.getElementById(this.parent);
            if (obj != null) {
                obj.style.backgroundImage = "url('" + path + "Images/menu_back_on.png')";
                obj.style.color = "#9f0119";

                var as = obj.getElementsByTagName("a");
                as[0].style.color = "#9f0119";
            }
        }

    }
    function submouseout() {
        hide(this.id);
        if (this.parent != "") {
            var obj = document.getElementById(this.parent);
            if (obj != null) {
                obj.style.backgroundImage = "url('" + path + "Images/menu_back_off.png')";
                var as = obj.getElementsByTagName("a");
                as[0].style.color = "#ffffff";
            }
        }

    }


    function hider(item) {
        this.item = item;
        this.start = start;

        this.timeout = 0;
        this.clear = clearTimeout(this.timeout);
        this.stop = stop

        function start() {
            timeout = setTimeout(hide, 1);

        }
        function stop() {
            item.style.display = 'block';
            clearTimeout(this.timeout);

        }
        function hide() {

            item.style.display = 'none';
            clearTimeout(this.timeout);
        }
    }

}