/*******************************************************************************
 * //* 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 : 200,
		out : 100
	}, //duration of slide in/ out animation, in milliseconds

	buildmenu : function(menuid) {
		jQuery(document)
				.ready(
						function() {
							var $mainmenu = jQuery("#" + menuid + ">ul")
							var $headers = $mainmenu.find("ul").parent()
							$headers
									.each( function(i) {
										var $curobj = jQuery(this)
										var $subul = jQuery(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) {
											$subul.css( {
												left : 0,
												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" />')
										$curobj
												.hover(
														function(e) {
															var $targetul = jQuery(
																	this)
																	.children(
																			"ul:eq(0)")
															if ($targetul
																	.queue().length <= 1) {
																if (this.istopheader) {
																	$targetul
																			.css( {
																				left : $mainmenu
																						.offset().left,
																				top : $mainmenu
																						.offset().top
																						+ this._dimensions.h
																			})
																}
															}
															if (document.all
																	&& !window.XMLHttpRequest) {
																$mainmenu
																		.find(
																				'ul')
																		.css(
																				{
																					overflow : (this.istopheader) ? 'hidden'
																							: 'visible'
																				})
															}
															$targetul
																	.slideDown(droplinemenu.animateduration.over)
														},
														function(e) {
															var $targetul = jQuery(
																	this)
																	.children(
																			"ul:eq(0)")
															$targetul
																	.slideUp(droplinemenu.animateduration.out)
														}) // end hover
									}) // end $headers.each()
							$mainmenu.find("ul").css( {
								display : 'none',
								visibility : 'visible',
								width : $mainmenu.width()
							})
						}) // end document.ready
	}
}

