/***********************************************************************

Author:     Arno Hoogma
URL:        http://www.4rn0.nl

***********************************************************************/


if (typeof window.jQuery != 'undefined') {
	
	var width, timeout;
	
	Shadowbox.loadSkin('classic', 'css/shadowbox');
	
	$(function()
	{
		
		initBackground();
		initCopyright();
		initHome();
		initEcards();
		initVideo();
		
		Shadowbox.init({
			animSequence: 	'sync'
		});
		
	});	
	
	/**
	 * Background
	 **/
	
	function initBackground()
	{

		if ( !($.browser.msie && parseInt($.browser.version) == 6) ) {
			
			$('body').append('<div id="cloud1"></div><div id="cloud2"></div><div id="cloud3"></div>');		
			getPositions();
			
			window.setTimeout(function() {			
				initCloud(1);
				initCloud(2);
				initCloud(3);				
			}, 100);
			
			$(window).unload(function() {
				
				var date = new Date();
				date.setTime(date.getTime() + 60000);
				
				$('#cloud1, #cloud2, #cloud3').each(function(i,n) {
					$.cookie($(n).attr('id'), $(n).css('backgroundPosition'), { path: '/', expires: date });
				});
				
			});
			
			$(window).resize(function() {
				width = $('body').width();
			});
			
			$(window).trigger('resize');
		
		}
		
	}
	
	function getPositions()
	{
		
		var offset = $('div#container').offset();

		$('div#cloud1').css('backgroundPosition', (offset.left - 20) + 'px top');
		$('div#cloud2').css('backgroundPosition', (offset.left + 185) + 'px top');
		$('div#cloud3').css('backgroundPosition', (offset.left + 300) + 'px top');
		
		$('#cloud1, #cloud2, #cloud3').each(function(i,n) {
			
			var value = $.cookie($(n).attr('id'));
			
			if (value) {
				$(n).css('backgroundPosition', value);
			}			
		
		});
		
	}
	
	function initCloud(i)
	{
		
		var position = parseInt($('div#cloud' + i).css('backgroundPosition'));
	
		var time = Math.floor((10 - 4) * Math.random()) + 3;
			 time = time * ((width - position) / width);
			 time = time * 10000;			
			
		$('div#cloud' + i).animate(
			{
				backgroundPosition: width + 'px top'
			}, 
			time, 
			'linear', 
			function()
			{
				resetCloud(i);
			}
		);
		
	}
	
	function resetCloud(i)
	{
		
		if (i == 1) {
			$('div#cloud' + i).css('backgroundPosition', '-437px top');
		}
		
		if (i == 2) {
			$('div#cloud' + i).css('backgroundPosition', '-451px top');
		}

		if (i == 3) {
			$('div#cloud' + i).css('backgroundPosition', '-412px top');
		}		
		
		initCloud(i);
		
	}
	
	/**
	 * Copyright
	 **/
	
	function initCopyright()
	{
		
		$('p.copyright').wrapInner('<span></span>').prepend('<a href="" id="copyleft">&copy;</a> ');
		
		$('a#copyleft').click(function() {
			
			$('p.copyright span').toggle();
			$(this).blur();
			
			return false;
			
		});
		
	}

	/**
	 * Home
	 **/
	
	function initHome()
	{
		
		if ($('body').hasClass('home') && $('img#video').size()) {
			
			var flashvars = {};
			    flashvars.file = '../../assets/' + $('img#video').attr('class');
				 flashvars.image = 'assets/layout/bg.video.jpg';

			var params = {}
			    params.allowScriptAccess = 'always';
			    params.allowFullScreen = 'true';
			    params.bgcolor = '#e0eff4';
			    params.menu = 'false';
			    params.quality = 'high';

			swfobject.embedSWF('assets/swf/player.swf', 'video', '344', '258', '9.0.0', false, flashvars, params, null);
			
		}
		
	}
	
	/**
	 * Ecards
	 **/
	
	function initEcards()
	{
		
		if ($('body').hasClass('e-cards')) {
			
			var index = 0;
			
			$('select#ecard option').each(function(i,n) {
				if ($(n).is(':selected')) {
					index = i;
				}
			});
			
			$('select#ecard').parent().hide();
			$('div.section.image a:eq(' + index + ')').addClass('active');
			$('div.section.image').after('<div class="section preview"><p><img src="' + $('div.section.image a:eq(' + index + ')').attr('href')  + '" /></p></div>');
			
			$('div.section.image a').each(function(i,n) {
				$(n).click(function() {
					
					var selection = $('select#ecard option:eq(' + i + ')').attr('value');
					
					$('div.section.preview img').attr('src', $(n).attr('href'));
					$('div.section.image a').removeClass('active');
					$('select#ecard').val(selection);
					$(n).addClass('active')
					
					return false;
					
				});
			});
		
		}
		
	}
		
	/**
	 * Video
	 **/
	
	function initVideo()
	{

		initVideoNavigation();
				
		$('div.section.video').each(function(i,n) {
			$(n).attr('rel', 'i' + i).prepend('<span class="video"></span>');
			$('a:first', $(n)).trigger('click');
		});
		
	}
	
	function initVideoNavigation()
	{
		
		$('div.video a').click(function() {
			
			var player = $(this).parents('div.video').attr('rel');
			var parent = $(this).parents('div.video');

			swfobject.removeSWF('player_' + player);
			changeVideo(this, ($('a.active', parent).size() ? true : false));
			
			$('a', parent).removeClass('active');
			$(this).addClass('active');
			
			return false;
			
		});
		
	}
	
	function changeVideo(n, autostart)
	{
		
		var player = $(n).parents('div.video').attr('rel');
		var parent = $(n).parents('div.video');
		
		$('span.video', parent).append('<span class="player" id="player_'+ player  + '"></span>');
		
		var flashvars = {};
		    flashvars.file = $('base').attr('href') + $(n).attr('href');
			 flashvars.autostart = autostart;

		var params = {}
		    params.allowScriptAccess = 'always';
		    params.allowFullScreen = 'true';
		    params.menu = 'false';
		    params.quality = 'high';

		swfobject.embedSWF('assets/swf/player.swf', 'player_' + player, '380', '285', '9.0.0', false, flashvars, params, null);
		
	}
		
}