var cssStyles = [
	{
		zIndex:'3',
		top:'250px',
		opacity:0
	},
	{
		zIndex:'4',
		top:'250px',
		opacity:0
	},
	{
		zIndex:'3',
		top:'250px',
		opacity:0
	},
	{
		zIndex:'2',
		top:'250px',
		opacity:0
	},
	{
		zIndex:'1',
		bottom:'250px',
		opacity:0
	},
	{
		zIndex:'1',
		left:'986px',
		opacity:0
	}
];

function after_swarm() {
	$('#swarm').html($('#collage_replace').html());

	$('#collage').cycle({
		fx: 		'scrollHorz',
		speed: 		1000,
		speedIn:	900,
		speedOut:	900,
	    next:		'#next',
		prev:		'#prev',
	    timeout:	0
	});

	$('div.collage_button').effect("pulsate", { times: 3 }, 750);

	$('#collage_holder').hover(
		function () {
			$(this).children('div.collage_button').fadeIn(250);
		},
		function () {
			$(this).children('div.collage_button').fadeOut(250);
		}
	);
}

function swarm() {
	var urls = [
					"header02","header03",
					"header04","header05","header06",
					"header07"
				];
	$.preload( urls, {
		threshold:1,
		base:'/images/slideshow/',
		ext:'.png',
		onRequest:function(data) {
			if(data.done == 0) {
				$('div.activity').show();
			}
		},
		onComplete:function(data) {
			var img = new Image();
			img.src = data.image;
			img.id = "slideshow" + (data.done-1)
			$('#swarm').append(img);
			$(img).addClass("header_image");
			$(img).css(cssStyles[(data.done-1)]);
		},
		onFinish:function() {
			$('div.activity').fadeOut(1250);
			
			$("#slideshow0").animate({
				top:0
			},{queue: false, duration: 1250}, "easeInOutCirc").animate({ opacity:1 },1500);
			
			$("#slideshow1").animate({
				top:0
			},{queue: false, duration: 1750}, "easeInOutCirc").animate({ opacity:1 },2000);

			$("#slideshow2").animate({
				top:0
			},{queue: false, duration: 2250}, "easeInOutCirc").animate({ opacity:1 },2500);
			
			$("#slideshow3").animate({
				top:0
			},{queue: false, duration: 2750}, "easeInOutCirc").animate({ opacity:1 },3000);
			
			$("#slideshow4").animate({
				bottom:0
			},{queue: false, duration: 3250}, "easeInOutCirc").animate({ opacity:1 },3500);
			
			$("#slideshow5").animate({
				left:0
			},{queue: false, duration: 3750}, "easeInOutCirc").animate({ opacity:1 },4000);
			
			setTimeout("after_swarm();", 4000);
		}
	});
}

$(document).ready(function () {
	$.ajaxSetup({
		beforeSend: function(xhr) {xhr.setRequestHeader("Accept", "text/javascript")} 
	});
	
	swarm();

	$('li.navigation_item').hover(function() {
		var navigation_item = $(this);
		var navigation_link = navigation_item.children('a');
		navigation_link.addClass('hover');
		var sub_nav = navigation_item.children('ul');
		if(sub_nav.length > 0) {
			sub_nav.show();
			sub_nav.css('visibility', 'visible');
			navigation_link.addClass('unrounded');
		}
	},
	function() {
		var navigation_item = $(this);
		var navigation_link = navigation_item.children('a');
		navigation_link.removeClass('hover');
		var sub_nav = navigation_item.children('ul');
		if(sub_nav.length > 0) {
			sub_nav.css('visibility', 'hidden');
			navigation_link.removeClass('unrounded');
		}
	});

	$('.picker a').click( function() {
		var picker = $(this);
		var replace = picker.closest('div.widget').children('div.replaceable');
		var sibling_links = picker.closest('div').find('a.active');
		sibling_links.removeClass('active');
		var spinner = picker.closest('div').find('.spinner');
		spinner.fadeIn('slow');

		var link = $(this);
		
		$.ajax({
			type: "GET",
			url: link.attr('href'),
			success: function(response) {
				replace.html(response);
			},
			complete: function(response) {
				spinner.fadeOut('slow');
			}
		});
		link.addClass('active');

		return false;
	});
});