jQuery(function($){	 
    
	var menu =$("ul.navmenu");	
	menu.find("li>div.item")
	    .each(function(){
	        var item =$(this);
	        if(item.attr("active")==1){
	            item.addClass("active");
	            item.addClass("level-" + item.attr("level") + "-active" );

	        }
	        if(item.attr("current")==1){
	            item.addClass("current");
	        }
	        //item.addClass("level-" + item.attr("level"));
	        
	        var maxWidth=100;
	        item.next("div.sub")
	            .addClass("sub-level-" + item.attr("level"))
	            .bgiframe()
	            .find(">ul>li").each(function(){
	                if($(this).width()>maxWidth) maxWidth =$(this).width();
	            })
	            .width(maxWidth+16)
	            ;
	        item.parent("li").hover(function(){
	            item.addClass("hover").addClass("level-" + item.attr("level") + "-hover" ).next("div.sub")
	            .removeClass("sub-hide").addClass("sub-show")
	            .css({
	                left: item.attr("level")==0?0:item.outerWidth(),
	                top:  item.attr("level")==0?item.outerHeight():0
	            })
	            ;
	        
	            
	        },function(){
	            item.removeClass("hover").removeClass("level-" + item.attr("level") + "-hover" ).next("div.sub").removeClass("sub-show").addClass("sub-hide");
	        });
	    });
//covert to tabs style very 1s to check wheather a ajaxcallback....
var initTabs = function(){
    var $settingsTable = $("table.Settings");
    if($settingsTable.data("tabinit")){
        return false;
    }
    $settingsTable.data("tabinit",true);
    var findSection=function(parent){
        var $p =$(parent);
        return $('>div',$p).filter(function(){
            var $section=$(this);
            var $icon = $section.children("input[id^=dnn]");
            var $title =$section.children("span.Head[id^=dnn]");
            if($icon.size()==1 && $title.size()==1){
                $section.empty().append($title);
                //$icon.remove();
                $section.next('[id^=dnn][id$=pnlRule]').remove();
                return true;
            }
            return false;
        });
    };

    var bulidSection=function(container){
        
        var $container =$(container).find("div>span.Head[id^=dnn]:first").parent().parent();
        var $content=$('<div class="sectiontab-content-container"></div>').prependTo($container);

        var $bar = $('<div class="sectiontab-nav-container"></div>').prependTo($container);

        var $cHead;
        var $cContent;
        var index=0;
        var key ='i-section-' + $container.attr("id");
        var s =dnn.getVar(key);
        if(s){
            index= parseInt(s);
        }
        findSection($container).each(function(i,v){
            var $sectionHead=$(this).addClass("sectiontab-nav");
            var $sectionContent=$sectionHead.next().appendTo($content).wrap('<div class="sectiontab-content"></div>').show().parent();
            $bar.append($sectionHead);
            
            $sectionHead.hover(function(){
                $sectionHead.addClass('sectiontab-nav-hover');
            },function(){
                $sectionHead.removeClass('sectiontab-nav-hover');
            });
            if(i==index){
                $sectionHead.addClass('sectiontab-nav-current');
                $sectionContent.addClass("sectiontab-content-current");
                $cHead=$sectionHead;
                $cContent=$sectionContent;
            }
            $sectionHead.click(function(){
                dnn.setVar(key,i.toString());
                $cHead.removeClass("sectiontab-nav-current");
                $cContent.removeClass("sectiontab-content-current");
                $sectionHead.addClass('sectiontab-nav-current');
                $sectionContent.addClass("sectiontab-content-current");
                $cHead=$sectionHead;
                $cContent=$sectionContent;

            });
        });
        
    };
    bulidSection($settingsTable.find("td:first"));


};
initTabs();
window.setInterval(initTabs,1000);
});