/**
 * Time after the new image is being shown (in ms)
 */
var slideshowInterval = 6000;

/**
 * Time the animation lasts (in ms)
 */
var slideshowFadeTime = 750;

/**
 * For IE: The direction the 'blind' animation is started with (horizontal or vertical, value switches every image)
 */
var slideshowDirection = 'horizontal';


$(function() {
	
	// Set CSS properties for each browser
	if($.support.opacity)
	{
		$('.slideshowItem').each( function(i){
			$(this).css({opacity:0});
		});
		
		$('.slideshowItem .slideClaimWrap').each( function(i) {
			$(this).css({opacity:0});			
		});
		
		$('.slideshowItem .slideClaim').each( function(i) {
			$(this).css({opacity:0});			
		});		
		
		setTimeout("initSlideshow()", 1500);
	}
	else
	{			
				
		$('.slideshowItem').each( function(i){
			$(this).css('display','none');
		});
		
		$('.slideClaimWrap').each( function(i) {
			$(this).css('display','none');
		});
		
		initSlideshow();		
	}			
	
	$('.slideshowItem:first').addClass("item-top");
	
});



/**
 * Displays the first image including the claim in the slideshow stack
 */
function initSlideshow()
{
	if($.support.opacity)
	{	
		$('.slideshowItem:first').animate({opacity:1}, slideshowFadeTime, function() {
			$('.slideClaimWrap', this).animate({opacity:1}, slideshowFadeTime, function() {
				$('.slideClaim', this).animate({opacity:1}, slideshowFadeTime);
			});		
			
		});
	}
	else
	{
		$('.slideshowItem:first').show(0, function() {
			$('.slideClaimWrap', this).show('blind', slideshowFadeTime);
		});
	}
	
	setInterval("nextSlide()", slideshowInterval);	
}



/**
 * Grabs the next image in the stack and animates it according to the different browser's capabilities
 */
function nextSlide() {
	
	var $current = $('#slideshowItems div.item-top');
	var $next = $current.next().length ? $current.next() : $('#slideshowItems .slideshowItem:first');	

	$current.addClass('item-middle');
	$current.removeClass('item-top');
	
	if($.support.opacity)	
	{		
		$next.css({opacity:0});
		$next.addClass('item-top');	
		
		$next.animate({opacity:1}, slideshowFadeTime, function() {	
			
			$current.removeClass('item-middle');
			$('.slideClaimWrap', $current).css({opacity:0});
			$('.slideClaim', $current).css({opacity:0});
			
			$('.slideClaimWrap', this).animate({opacity:1}, slideshowFadeTime, function() {
				$('.slideClaim', this).animate({opacity:1}, slideshowFadeTime);				
			});
			
	
		});	
	}
	else
	{	
		$next.css('display','none');
		$next.addClass('item-top');	
		
		$next.show('blind', { direction: slideshowDirection }, slideshowFadeTime, function() {			
			$current.removeClass('item-middle');			
			$('.slideClaimWrap', $next).show('blind', slideshowFadeTime);
			$('.slideClaimWrap', $current).css('display','none');
			
			slideshowDirection = (slideshowDirection == 'horizontal') ? 'vertical' : 'horizontal';			
		});	
	}
	
}