/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
| Scripting für www.delmenhorst.de
| fasc | 2009-01-22
| 
| Inhaltsverzeichnis:
| - ==search:             Suchbox klappbar machen
| - ==overlabel:          Label auf Eingabefeldern
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

// Aufklappmenüs

var menuItems = new Array();
    menuItems[0] = new Object();
    menuItems[0]["classname"] = "leben-in-del";
    menuItems[0]["visible"] = false;
    menuItems[0]["blnHide"] = false;
    menuItems[0]["left"] = false;

    menuItems[1] = new Object();
    menuItems[1]["classname"] = "rat-politik";
    menuItems[1]["visible"] = false;
    menuItems[1]["blnHide"] = false;
    menuItems[1]["left"] = false;

    menuItems[2] = new Object();
    menuItems[2]["classname"] = "rathaus-online";
    menuItems[2]["visible"] = false;
    menuItems[2]["blnHide"] = false;
    menuItems[2]["left"] = false;

    menuItems[3] = new Object();
    menuItems[3]["classname"] = "wirtschaft";
    menuItems[3]["visible"] = false;
    menuItems[3]["blnHide"] = false;
    menuItems[3]["left"] = false;

    menuItems[4] = new Object();
    menuItems[4]["classname"] = "kultur-bildung";
    menuItems[4]["visible"] = false;
    menuItems[4]["blnHide"] = false;
    menuItems[4]["left"] = false;

    menuItems[5] = new Object();
    menuItems[5]["classname"] = "tourismus-freizeit";
    menuItems[5]["visible"] = false;
    menuItems[5]["blnHide"] = false;
    menuItems[5]["left"] = true;

function initSubmenu(index, left)
{
    // Show
    Ext.select(".mainmenu li." + menuItems[index]["classname"]).on("mouseover", function() {
        if (menuItems[index]["visible"] == false) {
            if (left == true) {
               Ext.select("ul.mainmenu li." + menuItems[index]["classname"] + " .positioner").setStyle("z-index" , 3000);
               Ext.select("ul.mainmenu li." + menuItems[index]["classname"] + " ul").setStyle("z-index" , 2500);
            }

             for (var i = 0, len = menuItems.length; i < len; i++ ) {
                if (i != index) {
                    Ext.select("ul.mainmenu li." + menuItems[i]["classname"] + " ul").setStyle("display" , "none");
                    menuItems[i]["blnHide"] = false;
                    menuItems[i]["visible"] = false;
                }
             }

             if (index + 1 < menuItems.length) {
                 if (menuItems[index + 1]["left"] == true) {
                   Ext.select("ul.mainmenu li." + menuItems[index + 1]["classname"] + " .positioner").setStyle("z-index" , 1000);
                   Ext.select("ul.mainmenu li." + menuItems[index + 1]["classname"] + " ul").setStyle("z-index" , 500);
                 }
             }
             Ext.select("ul.mainmenu li." + menuItems[index]["classname"] + " ul").setStyle("display" , "block");
             menuItems[index]["visible"] = true;
        }
        menuItems[index]["blnHide"] = false;
    });

    // Hide

    Ext.select("ul.mainmenu li." + menuItems[index]["classname"] + " ul").on("mouseout", function() {
        if (menuItems[index]["blnHide"] != true) {

            menuItems[index]["blnHide"] = true;

            setTimeout(function () {
                if (menuItems[index]["blnHide"] == true) {
                    menuItems[index]["visible"] = false;

                    if (left == true) {
                        Ext.select("ul.mainmenu li." + menuItems[index]["classname"] + " .positioner").setStyle("z-index" , 1000);
                        Ext.select("ul.mainmenu li." + menuItems[index]["classname"] + " ul").setStyle("z-index" , 500);
                    }

                    Ext.select("ul.mainmenu li." + menuItems[index]["classname"] + " ul").setStyle("display" , "none");
                }
            }, 100);
        }
    });

    // Close all
    Ext.get("illu").on("mouseover", function() {
        for (var i = 0, len = menuItems.length; i < len; i++ ) {
            Ext.select("ul.mainmenu li." + menuItems[i]["classname"] + " ul").setStyle("display" , "none");
            menuItems[i]["blnHide"] = false;
            menuItems[i]["visible"] = false;
         }
    });

}

Ext.onReady(function(){
    for (var i = 0, len = menuItems.length; i < len; i++ ) {
        initSubmenu(i, menuItems[i]["left"]);
     }
});