var navigation_arrowimages={
		down:['downarrowclass', '/sansspace/ui/images/arrow-down.gif', 16], 
		right:['rightarrowclass', '/sansspace/ui/images/arrow-right.gif']};

function navigation_buildsubmenu(menuid)
{
	var $mainmenu=$("#"+menuid+">ul")
	var $headers=$mainmenu.find("ul").parent()
	
	$headers.each(function(i)		// li
	{
		var $curobj = $(this)

		this.istopheader = $curobj.parents("ul").length==1? true: false;
		this.isinit = false;
		this.isover = false;
		
		var $subul = $(this).find('ul:eq(0)');
		
		this._dimensions = {w:this.offsetWidth, h:this.offsetHeight, 
			subulw:$subul.outerWidth(), subulh:$subul.outerHeight()};

		$subul.css({top:this.istopheader? this._dimensions.h+"px": 0});
		
		$curobj.children("a:eq(0)")
			.css(this.istopheader? {paddingRight: navigation_arrowimages.down[2]} : {})
			.append('<img src="'+ (this.istopheader? navigation_arrowimages.down[1] : navigation_arrowimages.right[1])
			+'" class="' + (this.istopheader? navigation_arrowimages.down[0] : navigation_arrowimages.right[0])
			+ '" style="border:0;" />');
		
		var thisitem = this;
		
		$curobj.children("a:")
			.click(function(e)
			{
				thisitem.isover = false;
				clearTimeout(thisitem.timer);
				
				$(thisitem).children("ul:eq(0)").fadeOut(100);
			});
		
		$curobj.hover(function(e)
		{
			thisitem.isover = true;
			this.timer = setTimeout(function()
			{
				var $targetul = $(thisitem).children("ul:eq(0)");
				var menuleft = thisitem.istopheader? 0: thisitem._dimensions.w;

				thisitem._offsets = {left:$(thisitem).offset().left, 
					top:$(thisitem).offset().top};
				
				menuleft = 
					(thisitem._offsets.left+menuleft+thisitem._dimensions.subulw>$(window).width())? 
					(thisitem.istopheader? -thisitem._dimensions.subulw+thisitem._dimensions.w: 
					-thisitem._dimensions.w): menuleft;
	
				$targetul.css({left:menuleft+"px"}).fadeIn(100);
				
				if(!thisitem.isinit)
				{
					thisitem.isinit = true;
					$.get("/html/listobject&id="+thisitem.id, "", function(data)
					{
						$targetul.empty();
						$targetul.append(data);
						navigation_buildsubmenu(thisitem.id);
					});
				}
			}, 350);
		},
		function(e)
		{
			thisitem.isover = false;
			clearTimeout(thisitem.timer);
			
			setTimeout(function()
			{
				if(!thisitem.isover)
					$(thisitem).children("ul:eq(0)").fadeOut(100);
			}, 500);
		});
	}) //end $headers.each()
	
	$mainmenu.find("ul").css({display:'none', visibility:'visible'})
	
}

$(function()
{ 
	navigation_buildsubmenu("mynavigationmenu");
});