//old panel
 var oldSelectedLink = null;
 function initSubMenu(bIsB2BMenu){
	if (createSecondLevelMenu(bIsB2BMenu)){
		//nascondo i tab pane
		$$('div.submenucontainer').each(function(e){
			e.hide();
		});
	        //ridimensiono le voci
	        var arrLi = $$('#subcatmenu li')
	        var totSize = 0;
	        arrLi.each(function(e){
	            totSize += e.getDimensions().width;
	        });
	        var endSize = $('subcatmenu').getDimensions().width
	        var scarto = endSize - totSize;
	        var pixToAdd = Math.floor(scarto / arrLi.length);
	        /*arrLi.each(function(e){
	            e.setStyle({
	                width: (e.getDimensions().width + pixToAdd) + "px"
	            })
	        });*/
	        //applico pixel persi in arrotondamento
	        totSize = 0;
	        arrLi.each(function(e){
	            totSize += e.getDimensions().width;
	        });
	        pixToAdd = endSize - totSize;
	        arrLi[arrLi.length - 1].setStyle({
	            width: (arrLi[arrLi.length - 1].getDimensions().width + pixToAdd) + "px"
	        });
	        //initSubMenuBorders();
	        //bordi tab container
	        applyTabsBorder();
	   }/*else{
	   	$('secondMenu').hide();
	   }*/
    }

    ////////////////// gestion bordo
    function initSubMenuBorders(){
        //genero i bordi
        $$('.brd').each(applyMenuTabBorder);
        var borderRound = RUZEE.ShadedBorder.create({
            border: 1,
            corner: 6,
            edges: "tlbr"
        });
        borderRound.render('subcatmenu');
    }

    function applyMenuTabBorder(e){
        e.removeClassName("subselected");
        e.removeClassName("sb");
        e.select("div.sb-gen").each(function(ed){
            ed.remove();
        });
        e.select("div.sb-shadow").each(function(ed){
            ed.remove();
        });
        if (e.hasClassName('brd')) {
            var border = RUZEE.ShadedBorder.create({
                border: 1,
                corner: 2,
                edges: "tbr"
            });
            border.render(e);
        }
        if (e == $$('.brd')[0]) {
            var borderStart = RUZEE.ShadedBorder.create({
                border: 1,
                corner: 2,
                edges: "tbrl"
            });
            borderStart.render(e);
        }
    }

    function applyMenuTabBorderSelected(e, container){
        e.addClassName("subselected");
        var hasChild = container.hasClassName("submenucontainer");
        var border = (hasChild) ? RUZEE.ShadedBorder.create({
            border: 1,
            corner: 6,
            edges: "tlr",
            shadow: 12
        }) : RUZEE.ShadedBorder.create({
            border: 1,
            corner: 6,
            edges: "tlrb"
        });
        border.render(e);
    }

    ////////////////// gestione hover tab
    function applyHoverButton(eold, enew, container){
        //ripulisco  il bordo della voce precedentemente selezionata
        if (eold) {
            applyMenuTabBorder(eold);
        }
        applyMenuTabBorderSelected(enew, container);
        //IE FIX
        if (container)
            container.setStyle({
                height: (container.getDimensions().height + 1) + "px"
            });
        if (container)
            container.setStyle({
                height: (container.getDimensions().height - 1) + "px"
            });
    }

    ////////////////// tabs container border
    function applyTabsBorder(e){
        $$('.submenucontainer').each(function(e){
            var border = RUZEE.ShadedBorder.create({
                border: 1,
                corner: 6,
                edges: "lrb",
                shadow: 12
            });
            border.render(e);
        });
    }

    /////////////////// creazione menu secondo livello
    function createSecondLevelMenu(bIsB2BMenu){
        //menu di primo livello
        var firstLevelIndex = 0;
        var firstLevelLi;

        //alert(bIsB2BMenu);
	    //alert(currentTopMenu);
        if (bIsB2BMenu == '1')
        	firstLevelLi = $$("#firstMenu > ul > li");
        else
             firstLevelLi = $$("#metaCategory_10 > ul > li");                        //SETTATO SEMPRE AL MENU DI STUDIO PERCHè SI VUOLE COSì
             //firstLevelLi = $$("#metaCategory_" + currentTopMenu + " > ul > li");
             //alert(currentTopMenu);
         //alert(firstLevelLi.length);
        if (firstLevelLi.length > 0) {
	        firstLevelLi.each(function(e){
	            ////////////////   insert tab (li + a)
	
	
	            var lielem = new Element('li', {
	                "class": (firstLevelIndex == 0 || firstLevelIndex == (firstLevelLi.length - 1)) ? 'tab' : 'tab brd'
	            });
    		
			    //alert(e.select("a")[0].readAttribute("href"))
	            categoriax=(e.id).split("_")[1];

	            var aelem = new Element('a', {
	                rel: "m" + firstLevelIndex,
			"href": ((e.select("a")[0].readAttribute("href"))+"?categ="+categoriax)
	            });
	            //Event.observe(aelem,"mouseenter",topMenuOver);
	            aelem.insert(e.select("a")[0].innerHTML.replace(/ /g, " "));
	            lielem.insert(aelem);
	            $("subcatmenu").insert(lielem);
	            ////////////////   inser tab pane
					var subdiv;
					if (e.select("ul >li").length > 0) {
						subdiv = new Element("div", {
							"class": "submenucontainer",
							id: "m" + firstLevelIndex
						});
						//bordo
						var spanelem = new Element("span", {
							"class": "submenuborder"
						});
						subdiv.insert(spanelem);
						//table + tr
						var tableHtml = "";
						e.select("ul > li").each(function(sube){
							//partenza solo dai tag 'ul' immediatamente discendenti (doveva potersi fare con il selettore...eppure...)
							if (sube.parentNode.parentNode == e) {
								tableHtml += '<td class="submenutext"><a class="submenutitle" href="' + sube.select("a")[0].readAttribute("href") + '">' + sube.select("a")[0].innerHTML.replace(/\(.*?\)/g, "") + '</a>';
								//sottovoci
								var tableSubVoices = "";
								sube.select("ul > li").each(function(subsube){
									//partenza solo dai tag 'ul' immediatamente discendenti (doveva potersi fare con il selettore...eppure...)
									if (subsube.parentNode.parentNode == sube) {
										tableSubVoices += '<a class="verticalFirstLevel" href="' + subsube.select("a")[0].readAttribute("href") + '">' + subsube.select("a")[0].innerHTML.replace(/ /g, "&nbsp;") + '</a>';
										
										subsube.select("ul > li").each(function(subsubsube){
											//partenza solo dai tag 'ul' immediatamente discendenti (doveva potersi fare con il selettore...eppure...)
											if (subsubsube.parentNode.parentNode == subsube) {
												tableSubVoices += '<a href="' + subsubsube.select("a")[0].readAttribute("href") + '">' + subsubsube.select("a")[0].innerHTML.replace(/ /g, "&nbsp;") + '</a>';
											}
										});
									}
								});
								tableHtml += tableSubVoices + '</td>';
							}
						});
						subdiv.insert('<table><tr>' + tableHtml + '</tr></table>');
					}else{
						subdiv = new Element("div", {
							id: "m" + firstLevelIndex
						});
					}
					subdiv.observe("mouseleave", function(e){
						applyMenuTabBorder(lielem);
						this.hide();
					});
					$("submenucontainer").insert(subdiv);
	            firstLevelIndex++;
	        });
	        return true;
	 }else{
	 	return false;
	 }
    }

    function topMenuOver(){
	applyHoverButton((oldSelectedLink) ? oldSelectedLink.parentNode : null, this.parentNode, $(this.readAttribute("rel")));
	//nascondo vecchio tab
	if (oldSelectedLink)
		$(oldSelectedLink.readAttribute("rel")).hide();
	//mostro nuovo tab
	$(this.readAttribute("rel")).show();
	oldSelectedLink = this;
    }