/*********************
//* jQuery Multi Level CSS Menu #2- By Dynamic Drive: http://www.dynamicdrive.com/
//* Last update: Nov 7th, 08': Limit # of queued animations to minmize animation stuttering
//* Menu avaiable at DD CSS Library: http://www.dynamicdrive.com/style/
// + heel veel rewrites omdat het ontzettend gaar geprogrammeerd was
*********************/

//Update: April 12th, 10: Fixed compat issue with jquery 1.4x

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

var jqueryslidemenu={

animateduration: {over: 100, out: 100}, //duration of slide in/ out animation, in milliseconds

buildmenu:function(menuid, arrowsvar){
	jQuery(document).ready(function($){
		var $mainmenu=$("#"+menuid+">ul");
		var $headers=$mainmenu.find("ul").parent();
		$headers.each(function(i){
			
			var timer = null;
			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;
	//		if(!this.istopheader) { //Aanpassing voor geen pijlen in topmenu
			
				//Menu overal gelijk met bovenbalk
				//var negoffset = $curobj.height();
				//negoffset = 0;
				
//				$subul.css({top:this.istopheader? this._dimensions.h+"px" : 0}); //"-"+negoffset+"px"
//				$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){
					if(timer != null){
						clearTimeout(timer);
						timer = null
					}
					var $targetul=$(this).children("ul:eq(0)");
					
					if($(this).attr('class') == ""){
						$("li > ul:visible", $(this).closest("ul")).hide();
					}
					
					//console.log(this, $(this).closest("ul"));
					//$("li > ul:visible", this).hide();
					
					/* regel schaduw */
					var offsetTop = $(this).offset().top;
					var superParent = $(this).closest("ul", $("div.jqueryslidemenu")).closest("ul", $("div.jqueryslidemenu"));
					offsetTop -= superParent.offset().top;
					
					
					
					var shadowHeight = $(this).closest("ul").height();
//	console.log($targetul, shadowHeight, offsetTop, offsetMenuTop);
					if(offsetTop > 0){
						shadowHeight -= offsetTop;
					}
					shadowHeight = Math.min(shadowHeight, $targetul.height() );
					
					//$(this).find("a").text(shadowHeight);
					if($(this).closest("ul").height() < $targetul.height()){
						$targetul.children(".overlay_shadow").css('background-position', 'left bottom');
						shadowHeight += 8;
					}
					$targetul.children(".overlay_shadow").css('height', shadowHeight+"px");
					
					/* regel de rest */
					this._offsets={left:$(this).offset().left, top:$(this).offset().top};
					var menuleft=this.istopheader? 0 : this._dimensions.w;
					menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft;
					menuleft = (this.istopheader) ?  menuleft : menuleft + 7;
					$targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).show();
					$targetul.children("li").children("a").css('width', (this._dimensions.subulw-30)+'px');
				},
				function(e){
					var $targetul=$(this).children("ul:eq(0)");
					timer = setTimeout(function(){
						$targetul.hide();
					}, 300);
				}
			); //end hover
			
			//a elementen1!!!
		}); //end $headers.each()
		$mainmenu.find("ul").css({display:'none', visibility:'visible'});
		
		
		$mainmenu.find("a").click(function(e){
			if($(this).attr('href') == '#')
				return false;
			$mainmenu.find("ul").css({display:'none', visibility:'visible'});
			return true;
		});
	}) //end document.ready
}
}

//build menu with ID="myslidemenu" on page:
jqueryslidemenu.buildmenu("myslidemenu", arrowimages);

$(function(){
	$(".jqueryslidemenu ul.popout li:last-child > a").css('border-bottom-width', '0px');
});