/***********************************************
* Dolphin Tabs Menu- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/

var dolphintabs = {
    subcontainers: [], last_accessed_tab: null,
    counter: 5,
    vTimeOut: null,
    curent_id: '',
    subMenuContener: '',
    revealsubmenu: function(curtabref) {
        dolphintabs.clearhidetimer(dolphintabs.vTimeOut);

        var objsearch = document.getElementById('objsearch')
        if (objsearch != null) {
            objsearch.style.display = "none";
        }
        this.hideallsubs()

        if (this.last_accessed_tab != null)
            this.last_accessed_tab.className = ""

        if (curtabref.getAttribute("rel")) //If there's a sub menu defined for this tab item, show it
        {

            var subCurrentMenu = document.getElementById(curtabref.getAttribute("rel"));
            if (subCurrentMenu != null) {
                subCurrentMenu.style.display = "block";

                var subMenu = document.getElementById(this.subMenuContener);
                curtabref.style.position = "absolute";
                subMenu.style.position = "absolute";

                var subMenu_OffsetLeft = subMenu.offsetLeft;

                //Set OffSet SubMenu
                if (curtabref.offsetLeft > 0)
                    subCurrentMenu.style.left = curtabref.offsetLeft + "px";

               
                subMenu.style.position = "static";


                var maxOffsetRight = subMenu_OffsetLeft + subMenu.offsetWidth;
                var currentSubMenuOffsetRight = subCurrentMenu.offsetLeft + subCurrentMenu.offsetWidth;

                if (currentSubMenuOffsetRight > maxOffsetRight) {
                    subCurrentMenu.style.left = "0px";
                    currentSubMenuOffsetRight = curtabref.offsetLeft + subCurrentMenu.offsetWidth;
                    subCurrentMenu.style.left = curtabref.offsetLeft - (currentSubMenuOffsetRight - maxOffsetRight) + "px";
                }

                curtabref.style.position = "static";
            }
        }
        curtabref.className = "current"
        this.last_accessed_tab = curtabref;

    },
    //Set TimeOut Mouse Out
    showSubDiv: function(subcurent_id_ref) {
        dolphintabs.vTimeOut = setTimeout("dolphintabs.Restore_Current_submenu('" + subcurent_id_ref + "')", 1000);
    },

    Restore_Current_submenu: function(subcurent_id_ref) {
        this.hideallsubs()

        sub_id = document.getElementById(subcurent_id_ref)
        if (sub_id != null) {
            sub_id.style.display = "";
        }

        //Return Search Menu
        var objsearch = document.getElementById('objsearch')
        if (objsearch != null) {
            objsearch.style.display = "";
        }

        //Return Current ID
        _curentid = document.getElementById("main_" + this.curent_id)
        if (_curentid != null) {
            _curentid.className = "current";
        }

    },

    clearhidetimer: function(timerid) {
        if (timerid)
            clearTimeout(timerid)
    },

    hideallsubs: function() {
        for (var i = 0; i < this.subcontainers.length; i++) {
            document.getElementById(this.subcontainers[i]).style.display = "none";
        }

        var tabItems = document.getElementById('top-menu').getElementsByTagName("a")//list id of tab	
        for (var i = 0; i < tabItems.length; i++) {
            tabItems[i].className = "";
        }
    },


    init: function(menuId, selectedIndex, curent_id, subMenuContener_) {

        this.subMenuContener = subMenuContener_;

        var curent_sub_id;
        var tabItems = document.getElementById(menuId).getElementsByTagName("a")//list id of tab

        for (var i = 0; i < tabItems.length; i++) {


            if (tabItems[i].getAttribute("rel")) {
                //store id of submenu div of tab menu item
                this.subcontainers[this.subcontainers.length] = tabItems[i].getAttribute("rel")
            }
            if (i == selectedIndex) {
                //if this tab item should be selected by default
                tabItems[i].className = "current"

                //this.revealsubmenu(tabItems[i])
                curent_sub_id = tabItems[i].getAttribute("rel");
            }

            //Main menu hover
            tabItems[i].onmouseover = function() { dolphintabs.revealsubmenu(this); }
            tabItems[i].onmouseout = function() { dolphintabs.showSubDiv(curent_sub_id); };


            //Sub menu hover

            document.getElementById(this.subcontainers[i]).onmouseover = function() { dolphintabs.clearhidetimer(dolphintabs.vTimeOut); }
            document.getElementById(this.subcontainers[i]).onmouseout = function() { dolphintabs.showSubDiv(curent_sub_id) }
        } //END FOR LOOP

        this.revealsubmenu(tabItems[selectedIndex]);
        this.curent_id = curent_id;


    }

}