jQuery(document).ready(function() {
	

 	$('ul.sf-menu').superfish({
			 autoArrows:  true,
			 dropShadows: false,
				delay:       300,                            // one second delay on mouseout 
     		 animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
      	speed:       'normal' ,
      	onShow:        function(){
      			//alert("onShow")
      			},          
      	onHide:        function(){
      		//alert("onHide")
      		},
      	onBeforeShow:        function(){
      		//alert("onBeforeShow")
      		},
      	onInit:        function(){
      		//alert("onInit")
      		}			 
		}); 
 
 	$("a.chLink").each(function(index){
		str = $(this).text();
		indx = str.indexOf("]");
		$(this).text(str.substring(indx+1,str.length));
	});
	var msg="";
	$(".subCatTitle").each(function(index){
		findFirstLink = $(this).parent().find("li:first-child a").attr("href");
		
		//msg += $(this).attr("id")  + " "+findFirstLink +"\n";
		if(findFirstLink != undefined){
			 $(this).attr("href",findFirstLink) 
		}
	
	})
	
	//alert(msg)

	
});
var myStartObject;
var mTitle="";

function createLeftMenu(startId,isCat){
//	alert("cl");
	//console.log("cl");
	
	var parentEls = $("#doc_"+startId).parents("li");
	//alert(isCat+"?");
	if(isCat==1){
		 parentEls = $("#ulcat_"+startId).parents("li");	
		 
		 if(parentEls.length==0){
		 	parentEls = $("#subCat_"+startId).parents("li");
		 }
		 
		// alert("#ulcat_"+startId);
	}
	
	$("#leftBarContent").html("");
	//console.log(" bevore ?STARTOBJ: ");
	var startObj = highLightMenuStart(parentEls);
	
	//console.log(" not?STARTOBJ: "+startObj);

	myStartObject = startObj.startObject;

	mTitle = startObj.sTitle;
	//alert(mTitle);

	
	$(myStartObject).clone().appendTo("#leftBarContent");

	myElements = $("#leftBarContent *");
	
	for(i=0;i<myElements.length;i++){
		
		if($(myElements[i]).attr("id")){
			myId = "l_"+$(myElements[i]).attr("id");
			$(myElements[i]).attr("id",myId);
		}
		
		if($(myElements[i]).hasClass("sf-sub-indicator")){
			$(myElements[i]).remove();
		}
		
		addUIicon=0;
	
		if($(myElements[i]).hasClass("catDepth_1")){
			 addUIicon=1;
		}
		if($(myElements[i]).hasClass("sf-sub-indicator")){
			$(myElements[i]).remove();
		}		
		
		$(myElements[i]).removeClass();
			
		if(addUIicon==1){
			
			 $(myElements[i]).find("> a").attr("href","#");
				myData = $(myElements[i]).find("> a").html();
				myD2 = "<span class='floatL ui-icon ui-icon_b ui-icon-circlesmall-plus'>&nbsp;<\/span><span class='floatL txt'>" + myData + "<\/span>";
				$(myElements[i]).find("> a").html(myD2);
		}
		
			$(myElements[i]).attr("style","border:none");
			$(myElements[i]).css("display","block");
			$(myElements[i]).show();
	};
	
	myElements = $("#leftBarContent *");

	for(i=0;i<myElements.length;i++){
		if($(myElements[i]).hasClass("sf-sub-indicator")){
			$(myElements[i]).remove();
		}
		$(myElements[i]).attr("style","");
	}


		
	$('#l_menuStart').addClass("accordion");
	
	var aIcons = {
    header: "ui-icon-circlesmall-plus",
    headerSelected: "ui-icon-circlesmall-minus"
	};

	$('#l_menuStart').accordion( );

	$("#l_doc_"+startId).parent().addClass("activeLeftMenu");

 	var parentMenu = $("#l_doc_"+startId).parents("ul");
 	var parentS = $("#l_doc_"+startId).parents("li");
 	
	if(isCat==1){
		parentMenu = $("#l_subCat_"+startId).children("ul");
 	  parentS = $("#l_subCat_"+startId).children("li");

 	  
	}
  $('li#l_li_'+startId).trigger('activate-node');
	
	var spanIcons = $(parentS[parentS.length-1]).find("a span.ui-icon");	
	if(isCat==1){
	 	spanIcons = $("#l_subCat_"+startId).find("a span.ui-icon");
	}
	for(i=(spanIcons.length-1);i>=0;i--){
		$(spanIcons[i]).removeClass("ui-icon-circlesmall-plus");			
		$(spanIcons[i]).addClass("ui-icon-circlesmall-minus");
	}
	
	$("#leftBarContent").prepend("<h3 class=\"chapTitle\">"+mTitle+"<\/h3>");
	
	for(i=(parentEls.length-1);i>=0;i--){
		$(parentMenu[i]).show("slow");			
	}
	

}
	function highLightMenuStart(parentEls){
		var myObj = new Object();;
		
	var message ="";
		for(i=0;i<parentEls.length;i++){
			
			if($(parentEls[i]).attr("id") &&($(parentEls[i]).attr("id").indexOf("menu_") == 0)){
				//alert($(parentEls[i]).attr("id"));
				message += $(parentEls[i]).attr("id").indexOf("menu_") + " " +$(parentEls[i]).attr("id")+"\n";
				myStartObject =  $("#" + $(parentEls[i]).attr("id") + " > ul");	
				
				mTitle =  $("#" + $(parentEls[i]).attr("id") + " > a").attr("id");	
				
				//mTitle = $(parentEls[i]).attr("title");		
				 message += $(parentEls[i]).attr("id") + " "+mTitle;;
				$(myStartObject).attr("id","menuStart"); 
			}
			
			myObj = {startObject: myStartObject, sTitle: mTitle};
		}	
	
		$("ul#menuStart").parent().addClass("activeTopMenu");

		//console.log(message+ "\n\nstartobj: "+myObj.startObject+ "\n\ntitle: "+myObj.sTitle);
		
		return myObj;
 	}



/**
*       @name                                                   Accordion
*       @descripton                                             This Jquery plugin makes creating accordions pain free
*       @version                                                1.4
*       @requires                                               Jquery 1.2.6+
*
*       @author                                                 Jan Jarfalk
*       @author-email                                   jan.jarfalk@unwrongest.com
*       @author-website                                 http://www.unwrongest.com
*
*       @licens                                                 MIT License - http://www.opensource.org/licenses/mit-license.php
*/

(function(jQuery){
     jQuery.fn.extend({
         accordion: function() {      
            return this.each(function() {
               
                var $ul                                         = $(this),

                                        elementDataKey                  = 'accordiated',
                                        activeClassName                 = 'active',
                                        activationEffect                = 'slideToggle',
                                        panelSelector                   = 'ul, div',
                                        activationEffectSpeed   = 'fast',
                                        uiActive				 = 'ui-icon-circlesmall-minus',
                                        uiInactive = 'ui-icon-circlesmall-plus',
                                        itemSelector                    = 'li';
               
                                if($ul.data(elementDataKey))
                                        return false;
                                                                                                       
                                $.each($ul.find('ul, li>div'), function(){
                                        $(this).data(elementDataKey, true);
                                        $(this).hide();
                                });
                               
                                $.each($ul.find('a'), function(){
                                        $(this).click(function(e){
                                                activate(this, activationEffect);
                                                return void(0);
                                        });
                                       
                                        $(this).bind('activate-node', function(){
                                                $ul.find( panelSelector ).not($(this).parents()).not($(this).siblings()).slideUp( activationEffectSpeed );
                                                activate(this,'slideDown');
                                        });
                                });
                               
                                var active = (location.hash)?$ul.find('a[href=' + location.hash + ']')[0]:$ul.find('li.current a')[0];

                                if(active){
                                        activate(active, false);
                                } 
                               
                                function activate(el,effect){
                                        
                                        $.each($ul.find('span.ui-icon'), function(){
                                        	 	$(this).removeClass(uiActive)
                                        		$(this).addClass(uiInactive);
                                        });
                                       
                                        
																				$("#"+$(el).attr("id")+" > span.ui-icon").removeClass(uiInactive);
																				$("#"+$(el).attr("id")+" > span.ui-icon").addClass(uiActive)
																				//$("#"+$(el).attr("id")+" > span.ui-icon").addClass(ui-inactive);
																				
                                        $(el).parent( itemSelector ).siblings().removeClass(activeClassName).children( panelSelector ).slideUp( activationEffectSpeed );
                                       
                                        $(el).siblings( panelSelector )[(effect || activationEffect)](((effect == "show")?activationEffectSpeed:false),function(){
                                               
                                                if($(el).siblings( panelSelector ).is(':visible')){
                                                		//	alert("active el : " +el +" "+$(el).attr("id"));
                                                        $(el).parents( itemSelector ).not($ul.parents()).addClass(activeClassName);
                                                } else {
                                                	//inactive
                                                			//	alert("INactive el : " +el +" "+$(el).attr("id"));
                                                        $(el).parent( itemSelector ).removeClass(activeClassName);
                                                }
                                               
                                                if(effect == 'show'){
                                                        $(el).parents( itemSelector ).not($ul.parents()).addClass(activeClassName);
                                                }
                                       
                                                $(el).parents().show();
                                       
                                        });
                                       
                                }
                               
            });
        }
    });
})(jQuery);