$('document').ready(function(){

	//attach newsletter action to form on homepage
	$('#form_newsletter_home').submit(function(){
		//open the newsletter form
		newsletterForm(
			$('#email').val(),
			$('#fname').val(),
			$('#lname').val()
		);
		
		//don't submit
		return false;
	});
	
	$('.bar1').css('opacity',0.8);
	$('.bar2').css('opacity',0.5);
	$('.bar3').css('opacity',0.3);
	$('.bar4').css('opacity',0.2);
	$('.bar5').css('opacity',0.1);
	
	//open subscription in an iframe, and set the default value for the email
	//field	
	function newsletterForm(_email, _fname, _lname) {
		var $href = jQueryBaseHref+'/newsletter/subscribe?iframe=true';
		if (typeof(_email) != 'undefined') $href += '&email='+_email;
		if (typeof(_fname) != 'undefined') $href += '&fname='+_fname;
		if (typeof(_lname) != 'undefined') $href += '&lname='+_lname;
		$.fancybox(
			{
				'href'				: $href,
	        	'autoDimensions'	: false,
	        	'type'    	     	: 'iframe',
	        	'padding'         	: 5,
				'width'         	: 500,
				'height'        	: 500,
				'transitionIn'		: 'easeInExpo',
				'transitionOut'		: 'easeOutExpo',
				'overlayOpacity'	:  0.6,
				'overlayColor'		: '#1a1005'
			}
		);
	}
	
	//animate homepage
	
	animVisual();
	function animVisual() {
		// no timeout on first run
		var barTimeout = 0;
		
		// don't switch visual first times
		if (typeof startAnim != 'undefined') {
			switchVisual();
			var barTimeout = 2000;
		}
		
		// start of the animation has been done: mark as false, so the visual
		// will be updated on next run
		startAnim = false;
		
		// wait a moment, and show the bars
		setTimeout(function(){
			showBars()
		}, barTimeout);

	}
	
	/**
	 * Display transparent bars over the visuals
	 */
	function showBars() {
		var $bars = $('#home_visual_bars');
		$('.bar1', $bars).delay(300).slideDown(2000, 'easeOutQuad');
		$('.bar2', $bars).delay(600).slideDown(2000, 'easeOutQuad');
		$('.bar3', $bars).delay(900).slideDown(2000, 'easeOutQuad');
		$('.bar4', $bars).delay(1200).slideDown(2000, 'easeOutQuad');
		$('.bar5', $bars).delay(1500).slideDown(2000, 'easeOutQuad');
		
		//hide bars back again after 3 secs
		setTimeout(function() {
	        hideBars();
	    }, 5000);
	}
	

	/**
	 * Hide the bars one by one
	 */
	function hideBars() {
		//fadeout the bars
		var $bars = $('#home_visual_bars');
		var fadeOutTime = 800;
		$('.bar5', $bars).delay(700).fadeOut(fadeOutTime);
		$('.bar4', $bars).delay(1200).fadeOut(fadeOutTime);
		$('.bar3', $bars).delay(1700).fadeOut(fadeOutTime);
		$('.bar2', $bars).delay(2100).fadeOut(fadeOutTime);
		$('.bar1', $bars).delay(2400).fadeOut(fadeOutTime);
		
		//show bars back again after x secs
		setTimeout(function() {
			animVisual();
		}, 4000);
	}
	
	/**
	 * Switch the visual image
	 */
	function switchVisual() {
		var $visualBlocks = $('#home_visual_women, #home_visual_women_top');
		var newClass = '';
		var oldClass = '';
		/*
		if ($visualBlocks.hasClass('visual_2')) {
			newClass = 'visual_3';
			oldClass = 'visual_2';
		}else if ($visualBlocks.hasClass('visual_3')) {
			newClass = '';
			oldClass = 'visual_3';
		}else {
			newClass = 'visual_2';
			oldClass = '';
		}
		
		//fadeOut first, switch visual and fade back in again
		$visualBlocks.fadeOut(500, function(){
			$visualBlocks.switchClass(oldClass, newClass, 0, function(){
				$visualBlocks.fadeIn(500);
			});
		});*/
	}
/*
	var $adCookie = $.cookie("pillot-opening");
	if (!$adCookie) {
		$("#ad").trigger('click');
		$.cookie("pillot-opening", true);
	}*/
});