$.fn.exists = function()
{
	return $(this).length>0;
};



/*--------------------------------------------------------------------------------------------
*
*	document.ready
*
*--------------------------------------------------------------------------------------------*/

$(document).ready(function()
{
	
	var content = $('#header .content');
	var background = $('#background');
	var i = 1;
	var speed = 1000;
	var interval = 7000;
	
	
	// start
	content.find('.text:first').addClass('active').css({display: 'block', opacity: 1});
	background.find('img:first').addClass('active').css({display: 'block', opacity: 1});
	
	
	var t = setInterval(function(){
		
		// remove active to last active
		var active_text = content.find('.text[data-i="'+i+'"]');
		var active_background = background.find('img[data-i="'+i+'"]');
		
		active_text.addClass('last-active');
		active_background.addClass('last-active');
		
		// increase i
		i = content.find('.text[data-i="'+(i+1)+'"]').exists() ? (i+1) : 1;
		
		// animate new
		content.find('.text[data-i="'+i+'"]').css({display: 'block', opacity: 0}).addClass('active').animate({ opacity: 1 }, speed);
		background.find('img[data-i="'+i+'"]').css({display: 'block', opacity: 0}).addClass('active').animate({ opacity: 1 }, speed, function(){
			
			// reset z index of prev
			active_text.removeClass('active last-active');
			active_background.removeClass('active last-active');
			
		});
		
	}, interval);
	
	// trigger image resizing
	$(window).trigger('resize');
});


$('#sign-up-toggle').live('click', function(){
	
	$.fancybox({
		'padding'		: 0,
		'autoScale'		: false,
		'transitionIn'	: 'none',
		'transitionOut'	: 'none',
		'title'			: 'Sign up to learn more',
		'type'			: 'inline',
		'href'			: '#signup'

	});

	return false;
	
});

/*--------------------------------------------------------------------------------------------
*
*	window.resize
*
*--------------------------------------------------------------------------------------------*/

$(window).resize(function(){
	
	$('#background img').each(function(){
		
		$(this).css({width : '100%', height: 'auto', 'margin-top': 0});
		
		if($(this).height() < $(window).height())
		{
			$(this).css({width : 'auto', height: '100%'});
		}
		
		$(this).css({'margin-top' : - $(this).height() / 2 });
		
	});
	
});

/*--------------------------------------------------------------------------------------------
*
*	window.load
*
*--------------------------------------------------------------------------------------------*/

$(window).load(function()
{
	// trigger image resizing
	$(window).trigger('resize');
});