/*********************
//* jQuery Drop Line Menu- By Dynamic Drive: http://www.dynamicdrive.com/
//* Last updated: June 27th, 09'
//* Menu avaiable at DD CSS Library: http://www.dynamicdrive.com/style/
*********************/


var droplinemenu={

arrowimage: {classname: 'downarrowclass', src: 'down.gif', leftpadding: 5}, //customize down arrow image  
animateduration: {over: 0, out: 0}, //duration of slide in/ out animation, in milliseconds

buildmenu:function(menuid){



	jQuery(document).ready(function($){
	
	 
	
		var $mainmenu=$("#"+menuid+">ul")
		var $headers=$mainmenu.find("ul").parent()
		$headers.each(function(i){
		            
		
			var $curobj=$(this)
			var $subul=$(this).find('ul:eq(0)')
			this._dimensions={h:$curobj.find('a:eq(0)').outerHeight()}  
			this.istopheader=$curobj.parents("ul").length==1? true : false
			if (!this.istopheader) {
			//console.log($curobj.find('a:eq(0)').text());
      var offset = 0;
      
      
      if ($curobj.find('a:eq(0)').text() == "Portfólio")
      offset = 211;
      else if ($curobj.find('a:eq(0)').text() == "Catálogo")
      offset = 147;
      else if ($curobj.find('a:eq(0)').text() == "Artistas")
      offset = 75;
      
     

      	$subul.css({left: offset, top:this._dimensions.h})
			} 
			
			var $innerheader=$curobj.children('a').eq(0)
			$innerheader=($innerheader.children().eq(0).is('span'))? $innerheader.children().eq(0) : $innerheader //if header contains inner SPAN, use that
			/*$innerheader.append(
				'<img src="'+ droplinemenu.arrowimage.src
				+'" class="' + droplinemenu.arrowimage.classname
				+ '" style="border:0; padding-left: '+droplinemenu.arrowimage.leftpadding+'px" />'
			)*/
			if (this.istopheader) {
			$curobj.click(          
				function(e){
				  $mainmenu.find("ul").css({display:'none'}) ; 
					var $targetul=$(this).children("ul:eq(0)")
					if ($targetul.queue().length<=1) //if 1 or less queued animations
						if (this.istopheader) {
						//alert($mainmenu.offset().top+this._dimensions.h);
							$targetul.css({left: 0, top: $mainmenu.offset().top+this._dimensions.h})
							}                       
						if (document.all && !window.XMLHttpRequest) //detect IE6 or less, fix issue with overflow
							$mainmenu.find('ul').css({overflow: (this.istopheader)? 'hidden' : 'visible'})
						$targetul.slideDown(droplinemenu.animateduration.over)  
				},
				function(e){                                  
					var $targetul=$(this).children("ul:eq(0)") 
					
				//bug fix
        //setTimeout(function() {
                $targetul.slideUp(droplinemenu.animateduration.out); 
        ////   }, 400);

        
        
        }
			) //end hover 
			}
			else{ 
     			$curobj.hover(
				function(e){

					var $targetul=$(this).children("ul:eq(0)")
					if ($targetul.queue().length<=1) //if 1 or less queued animations
						if (this.istopheader) {
						//alert($mainmenu.offset().top+this._dimensions.h);
							$targetul.css({left: 0, top: $mainmenu.offset().top+this._dimensions.h})
							}                       
						if (document.all && !window.XMLHttpRequest) //detect IE6 or less, fix issue with overflow
							$mainmenu.find('ul').css({overflow: (this.istopheader)? 'hidden' : 'visible'})
						$targetul.slideDown(droplinemenu.animateduration.over)  
				},
				function(e){                                  
					var $targetul=$(this).children("ul:eq(0)") 
					
				//bug fix
        //setTimeout(function() {
                $targetul.slideUp(droplinemenu.animateduration.out); 
        ////   }, 400);

        
        
        }
			) //end hover  
      
      }
		}) //end $headers.each()
		
    
    $mainmenu.find("ul").css({display:'none', visibility:'visible', width:'100%'}) ; 
		
    $mainmenu.find("ul ul").css({display:'none', visibility:'visible', width:'auto'});  
    $mainmenu.find("ul #seloMenu ul").css({display:'none', visibility:'visible', width:'300px'}); 
   
   
	//	$mainmenu.find("ul #produtoraMenu").css({display:'block', visibility:'visible', width:'100%'}) ; 
	}) //end document.ready
}
}