$(document).ready(function () {
	
	// header (sidebar) navigation (also see sIFR config as that controls the subnavigation on/off)
	pageheader = {
		
		init: function() {
			$headerNavigation = $('#header .navigation');
			pageheader.bindNavEvents();
		},
		
		bindNavEvents: function() {
			$('#header').bind('mouseleave', function() {
				pageheader.subNavHide();
			});
		},
		
		subNavShow: function(element) {
			// hide all navigation
			pageheader.subNavHide();
			
			// reposition tab to match element currently being displayed
			tabOffset = $(element).parents().filter('li.navitem').offset();
			tabOffset = tabOffset.top - 50;
			tabOffset = "0 " + tabOffset + "px";
			$headerNavigation.find('li .subnavigation').css({backgroundPosition:tabOffset});
						
			//update title
			pageheader.updateLinkDescription($(element).parent('li.navitem h2').attr('title'));
			
			// fade in element and add class
			$(element).parents().filter('li.navitem').addClass('hover');
		},
		
		subNavHide: function(element) {
			$headerNavigation.find('li.navitem').removeClass('hover');
		},
		
		updateLinkDescription: function(content) {
			$headerNavigation.find('.description').html(content);
		}
		
	};
	
	// the experimenta ribbon
	experimenta = {
		init: function() {
			$experimentanavigation = $('#experimentanavigation');
			
			// calculate the height of the experimenta slider and hide it (note: 18px is assumed to be the height of the control icon).
			offsetHidden = -$experimentanavigation.find('.items').height();
			$experimentanavigation.find('.items').css({top: offsetHidden});
			experimenta.bindEvents();
		},
		
		open: function() {
			$experimentanavigation.find('.items').animate({top:'18px'}, 1000);
		},
		
		close: function() {
			$experimentanavigation.find('.items').animate({top:offsetHidden}, 1000);
		},
		
		bindEvents: function() {
			$experimentanavigation.find('.close').click( function() {
				experimenta.close();
			});
			$experimentanavigation.find('.control').click( function() {
				// if list is open, close it, otherwise open it.
				if( $experimentanavigation.find('.items').css('top') == '18px' ) {
					experimenta.close();
				} else {
					experimenta.open();
				}
				return false;
			});
		}
		
	};
	
	
	$('#signup').focus(function(){
		_value = $(this).val();
		_prompt = "Enter your email";
		if( _value == _prompt )
			$(this).val("")
	});

	$('#signup').blur(function(){
		if( $(this).value == "")
			$(this).val("Enter your email");
	});
	
	
	pageheader.init();
	experimenta.init();
	
});