/*
 * jQuery Multi Level CSS Menu (horizontal)
 * By Dynamic Drive DHTML code library
 * http://www.dynamicdrive.com
 * modified by wmas
 * http://wmas.msk.ru
 */

var jquerycssmenu = {
	/* продолжительность анимации открытия/закрытия меню в милисекунтах */
	fadesettings: { overduration: 350, outduration: 100 },

	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('<img align="absmiddle" alt="" src="../img/'+ ( this.istopheader ? arrowsvar.down[1] : arrowsvar.right[1] ) + '" class="' + ( this.istopheader ? arrowsvar.down[0] : arrowsvar.right[0] ) + '" border="" />');
				$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"})
							.fadeIn(jquerycssmenu.fadesettings.overduration);
					},
					function(e){
						$(this).children("ul:eq(0)").fadeOut(jquerycssmenu.fadesettings.outduration);
					}
				)
			});

			$mainmenu.find("ul").css({display:'none', visibility:'visible'});
		});
	}
}