rollouttimeout = null;

$(document).ready(function()
{
	// gallery menu
	$('ul.gallerymenu').bind('click',
		function(e)
		{
			var t = e.target.parentNode;
			if(t.nodeName.toLowerCase() == 'a')
			{
				var url = t.href;
				var title = t.title;
				$('div.galleryimageview img').fadeOut('normal',
					function()
					{
						loadimage(url,title);
					});
				$('p#galleryitemtitle').fadeTo('normal',0.01);
			}
			return false;
		});
		
	// main navigation
	if(submenus == 1)
	{
		$('ul.mainnav > li').bind('mouseenter',
			function(e)
			{
				var li = $(this);
				if(!li.hasClass('rolled'))
				{
					hidesubmenus(li);
					li.addClass('rolled');
					$('ul.submenu',li).fadeIn();
					if(rollouttimeout)
					{
						clearTimeout(rollouttimeout);
					}
				}
			});
		$('ul.mainnav > li').bind('mouseleave',
			function(e)
			{
				var li = $(this);
				li.removeClass('rolled');
				rollouttimeout = setTimeout('resetmenu()',300);
			});
	}
});

function resetmenu()
{
	if($('ul.mainnav > li.rolled').length == 0)
	{
		$('ul.mainnav > li.sel ul').fadeIn();
		hidesubmenus($('ul.mainnav > li.sel'));
	}
}

function hidesubmenus(exclude)
{
	$('ul.mainnav > li').each(
		function()
		{
			if($(this).attr('className') != exclude.attr('className'))
			{
				$('ul.submenu',$(this)).fadeOut();
			}
		});
}

function loadimage(url,title)
{
	// set the title
	$('p#galleryitemtitle').html(title);
	
	var container = $('div.galleryimageview');
	container.empty();
	var img = $('<img src="'+url+'" />').appendTo(container);
	img.hide();
	img.bind('load',
		function(e)
		{
			$(this).fadeIn('normal');
			$('p#galleryitemtitle').fadeTo('normal',1);
		});
}