var delay = 6000;
var fade = 1250;
    

// Begin the slideshow
jQuery(window).load(function()
{
	setTimeout(function()
	{
		doSlideshow('.shop_homepage');
	}, delay-fade);
});


function doSlideshow(element)
{
	$frame = jQuery(element);
	
	$item = $frame.children('.selected');
	
	if ($item.length < 1)
	{
		$item = $frame.children().first();
	}
	
	$next = $item.next();
	
	if ($next.length < 1)
	{
		$next = $frame.children().first();
	}
	
	$item.removeClass('selected');
	$next.addClass('selected');

	$next.css({'visibility':'visible'});
	$next.hide();
	
	// Fix z-index
	$next.css('z-index', 9);
	$item.css('z-index', 10);
	
	// Fade !
	
	$next.show();
	$item.fadeOut(fade);
		
	
	setTimeout(function()
	{
		doSlideshow( element );
	}, delay);
	
}