jQuery(function() {
	var emailPlaceholder = 'Type your email address';
	jQuery('#subscribe input.email').focus(function() {
		jQuery(this).removeClass('blur');
		if (jQuery('#subscribe input.email').val() == emailPlaceholder) {
			jQuery('#subscribe input.email').val('');
		}
	}).blur(function() {
		if (jQuery('#subscribe input.email').val() == '') {
			jQuery(this).addClass('blur');
			jQuery('#subscribe input.email').val(emailPlaceholder);
		}
	});
	
	var spotlightLinks = jQuery('#spotlight > div.menu > ul > li > a');
	
	var spotTimer;
	var spotEnabled = true;
	var spotPage = 0;
	
	function gotoSpot(index, force) {
		clearTimeout(spotTimer);
	
		if((typeof force == "undefined" || !force) && !spotEnabled) return;
		
		var framePosX = 326 * index;
		var slidePosX = -980 * index;
		
		spotPage = index; 
		
		jQuery('#spotlight > div.drawer > ul').stop().animate({
			'left': slidePosX
		}, 'normal');
		
		jQuery('#spotlight > div.menu > div.frame').stop().animate({
			'left': framePosX
		}, 'normal');
		
		spotTimer = setTimeout(function() { gotoSpot((index + 1) % 3); }, 5000);
	}
	
	function gotoNextSpot(){
		gotoSpot(spotPage);
	}
	
	gotoSpot(0, true);
	
	jQuery('#spotlight').hover(
		function() {
			spotEnabled = false;
		},
		function() {
			spotEnabled = true;
			gotoNextSpot();
		}
	);
	
	spotlightLinks.click(function() {
		var index = spotlightLinks.index(this);
		gotoSpot(index, true);
		
		return false;
	});
	
	var helpHoverTimers = {};
	var helpOnTimers = {};
	var helpLis = jQuery('#home-info div.text > ul > li');
	
	jQuery('#home-info div.text > ul > li > div.flyout').mouseover(function() {
		var parentLi = jQuery(this).parent('li');
		var index = helpLis.index(parentLi);
		
		clearTimeout(helpHoverTimers[index]);
		helpLis.not(parentLi).find('div.flyout').removeClass('on hover');
		jQuery(this).addClass('hover');
	}).mouseout(function() {
		var parentLi = jQuery(this).parent('li');
		var index = helpLis.index(parentLi);
		var myThis = this;
		
		clearTimeout(helpHoverTimers[index]);
		helpHoverTimers[index] = setTimeout(function() { jQuery(myThis).removeClass('hover'); }, 500);
	});
	
	jQuery('#home-info div.text > ul > li > a').hover(function() {
		var parentLi = jQuery(this).parent('li');
		var index = helpLis.index(parentLi);
		var flyout = parentLi.find('div.flyout');
				
		clearTimeout(helpOnTimers[index]);
		helpLis.not(parentLi).find('div.flyout').removeClass('on hover');
		flyout.addClass('on');
	}, function() {
		var parentLi = jQuery(this).parent('li');
		var index = helpLis.index(parentLi);
		var flyout = parentLi.find('div.flyout');
		
		clearTimeout(helpOnTimers[index]);
		helpOnTimers[index] = setTimeout(function() { flyout.removeClass('on'); }, 500);
	});
});