/*********************
//* jQuery Multi Level CSS Menu (horizontal)- By Dynamic Drive DHTML code library: http://www.dynamicdrive.com
//* Menu instructions page: http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/
//* Last modified: Sept 6th, 08'. Usage Terms: http://www.dynamicdrive.com/style/csslibrary/tos/
*********************/

//Specify full URL to down and right arrow images (25 is padding-right to add to top level LIs with drop downs):
var arrowimages={down:['downarrowclass', 'arrow-down.gif', 0], right:['rightarrowclass', 'arrow-right.gif']}

var jquerycssmenu={

fadesettings: {overduration: 350, outduration: 350}, //duration of fade in/ out animation, in milliseconds

buildmenu:function(menuid, arrowsvar){
	jQuery(document).ready(function($){
		$("#"+menuid).find("a").each(function () {
         return;
		   if ($(this).parent().find("ul").length && !$(this).hasClass('clickable'))
		   {
		      $(this).css('cursor', 'default');
		      $(this).click(function () {
		         return false;
      		});
         }
		});
		
		var nn = 0;
		$("#"+menuid).children("ul").find("ul").each(function () {
		   $(this).attr("id", "ul"+(++nn));
		});
		
		var touts = new Array();
		
		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={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()}
			this.istopheader=$curobj.parents("ul").length==1? true : false
			$subul.css({top:this.istopheader? this._dimensions.h+"px" : 0})
			/*$curobj.children("a:eq(0)").css(this.istopheader? {paddingRight: arrowsvar.down[2]} : {})/*.append(
				'<img src="'+ (this.istopheader? arrowsvar.down[1] : arrowsvar.right[1])
				+'" class="' + (this.istopheader? arrowsvar.down[0] : arrowsvar.right[0])
				+ '" style="border:0;" />'
			)
*/
			$curobj.hover(
				function(e){
					var $targetul=$(this).children("ul:eq(0)")
					this._offsets={left:$(this).offset().left, top:$(this).offset().top}
					//var menuleft=this.istopheader? 0 : this._dimensions.w
					var menuleft=0;
					menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width()) ? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft;
					menuleft-=2;
					
					if (touts[ $targetul.attr("id") ]) clearTimeout(touts[ $targetul.attr("id") ]);
					
					if ($targetul.is(":visible")) return;
					
					$targetul.find("ul").hide();
					//alert($targetul.css({left:menuleft+"px"}).parent().html());
					
					if ($.browser.msie && 0)
					{
					}
					else
					{
					   
					   $targetul.parent().parent().children("li").each(function () {
					      $(this).children("ul").not( $targetul ).hide();
					   });
					   
					   if (touts[ $targetul.attr("id") ]) clearTimeout(touts[ $targetul.attr("id") ]);
					
                  if ($.browser.msie)
                  {
					      $targetul.css({left:menuleft+"px", display: 'block'}).show();
                  }
                  else
                  {
                     $targetul.css({left:menuleft+"px", display: 'block', opacity: 0}).animate({ opacity: 1 }, {duration: jquerycssmenu.fadesettings.overduration, complete:function () {
					      if ($.browser.msie) this.style.removeAttribute('filter');
                     }, queue: false});
                  }
					}
				},
				function(e){
				   if ($.browser.msie && 0)
				   {
				   }
				   else
				   {
				      var ee = $(this);
				      touts[ $(this).children("ul:eq(0)").attr("id") ] = setTimeout(function () {
                     if ($.browser.msie)
                     {
				            ee.children("ul:eq(0)").hide();   
                     }
                     else
                     {
					         ee.children("ul:eq(0)").css({  }).animate({opacity: 0}, {duration: jquerycssmenu.fadesettings.outduration, queue: false});
					         ee.children("ul:eq(0)").hide();
                     }
				      }, 1000);
				   }
				}
			) //end hover
		}) //end $headers.each()
		$mainmenu.find("ul").css({display:'none', visibility:'visible'})
	}) //end document.ready
}
}

//build menu with ID="myjquerymenu" on page:
$(document).ready(function () {
   $(".jquerycssmenu").each(function() {
      jquerycssmenu.buildmenu($(this).attr('id'), arrowimages);
   });
});