var mainNavSelectedATag = null;

// when document is ready
$(document).ready(function(){
	// main nav stuff
	$('#main-nav-top li').css({backgroundPosition:'-40px 0px'});

	// open
	$('#main-nav-top-fishing a,#main-nav-top-vac a,#main-nav-top-vessels a,#main-nav-top-experience a,#main-nav-top-about a').bind('mouseenter', function(){
		
		// which are we in? will equal 'attractions', 'regions', or 'theme'
		var navItemName = $(this).parent().attr('id').split('-').pop();
		
		// increase the width of our container
		$('#main-nav').width('443px');

		// prepare if this is first
		if (mainNavSelectedATag != null)
		{
			$(mainNavSelectedATag).parent().stop().animate({'width':'129px', 'backgroundPosition':'-40px 0px'}, 300);
			$('#main-nav-sub-' + $(mainNavSelectedATag).parent().attr('id').split('-').pop()).hide();
		}
		
		// do the main animation
		$('#main-nav-sub-' + navItemName).show();
		$(this).parent().stop().animate({'width':'159px', 'backgroundPosition':'0px 0px'}, 300);
		$('#main-nav-sub').stop().animate({'left':'0px'}, 300);

		// hide all cta texts
		$('#main-nav-fishing, #main-nav-vac a, #main-nav-vessels, #main-nav-experience, #main-nav-about').hide();
		
		// do some things based on the three different links
		if (navItemName == 'fishing')
		{
			$('#main-nav-sub-fishing').show();
			$('#main-nav-sub-vac').hide();
			$('#main-nav-sub-vessels').hide();
			$('#main-nav-sub-experience').hide();
			$('#main-nav-sub-about').hide();
		}
		else if (navItemName == 'vac')
		{
			$('#main-nav-sub-vac').show();
			$('#main-nav-sub-fishing').hide();
			$('#main-nav-sub-vessels').hide();
			$('#main-nav-sub-experience').hide();
			$('#main-nav-sub-about').hide();
		}
		else if (navItemName == 'vessels')
		{
			$('#main-nav-sub-vessels').show();
			$('#main-nav-sub-vac').hide();
			$('#main-nav-sub-fishing').hide();
			$('#main-nav-sub-experience').hide();
			$('#main-nav-sub-about').hide();
		}
		else if (navItemName == 'experience')
		{
			$('#main-nav-sub-experience').show();
			$('#main-nav-sub-vac').hide();
			$('#main-nav-sub-fishing').hide();
			$('#main-nav-sub-vessels').hide();
			$('#main-nav-sub-about').hide();
		}
		else if (navItemName == 'about')
		{
			$('#main-nav-sub-about').show();
			$('#main-nav-sub-vac').hide();
			$('#main-nav-sub-fishing').hide();
			$('#main-nav-sub-vessels').hide();
			$('#main-nav-sub-experience').hide();
		}
		
		mainNavSelectedATag = this;
	});

	$('#main-nav-top-vacation a').bind('mouseenter', function(){

		$('#main-nav').width('443px');

		if (mainNavSelectedATag != null)
		{
			$(mainNavSelectedATag).parent().stop().animate({'width':'129px', 'backgroundPosition':'-40px 0px'}, 300);
		}
		$('#main-nav-sub').stop().animate({'left':'-442px'}, 300);
		$(this).parent().stop().animate({'width':'159px', 'backgroundPosition':'0px 0px'}, 300);
	});

	$('#main-nav-top-vacation a').bind('mouseleave', function(){
		$(this).parent().stop().animate({'width':'129px', 'backgroundPosition':'-40px 0px'}, 300);
	});

	// close
	function closeMainNav()
	{
		if (mainNavSelectedATag != null)
		{
			$(mainNavSelectedATag).parent().stop().animate({'width':'129px', 'backgroundPosition':'-40px 0px'}, 300);
		}
		$('#main-nav-sub').stop().animate({'left':'-442px'}, 300, 'swing', closeMainNavComplete);
	}

	function closeMainNavComplete()
	{
		$('#main-nav').width('129px');
	}

	// close when the following happens
	$('#main-nav').bind('mouseleave', closeMainNav);
	// $('#main-nav-sub').bind('mouseleave', closeMainNav);
	$('#container').bind('mouseleave', closeMainNav);
});