/*********************
//* jQuery Multi Level CSS Menu #2- By Dynamic Drive: http://www.dynamicdrive.com/
//* Created: Nov 2nd, 08'
//* Menu avaiable at DD CSS Library: http://www.dynamicdrive.com/style/
*********************/

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

var jqueryslidemenu={

buildmenu:function(menuid, arrowsvar){
	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={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();
			$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;
					menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft;
					$targetul.css({left:menuleft+"px", width:'250 px'}).show();
					addIFrame($targetul);
				},
				function(e){
					var $targetul=$(this).children("ul:eq(0)");
					$targetul.hide();
					removeIFrame(this);
				}
			); //end hover
		}); //end $headers.each()
		$mainmenu.find("ul").css({display:'none', visibility:'visible'});
	}); //end document.ready
}
};

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

function addIFrame(ul) {
	h	= $(ul).height();
	w	= $(ul).width() - 10;
	var iframe = document.createElement('iframe');
	with (iframe.style) {
		position = 'absolute';
		height = h + 'px';
		width = w + 'px';
		border = '0';
		top = '51px';
	}
	$(ul).parent().append(iframe);
}

function removeIFrame(node) {
	$(node).children("iframe").remove();
}