/*
 *
 *	Copyright (c) 2011 carrermedia AG (http://ccarreramedia.ag)
 *
 */

$(
	function()
	{
		fallslide();
	}
);

function fallslide()
{
	act = 0;
	var slicecol = 30;
	var divslicewidth = $('div#fallslide').width()/slicecol;
	simages = [];
	$('div#fallslide img').each(function(ind, el){simages[ind] = el.getAttribute('SRC');});
	for(i=0; i<slicecol; i++)
	{
		$('<div class="slice"></div>').css({'width' : divslicewidth, 'left': i*divslicewidth, 'background-position': "-"+i*divslicewidth+"px 0px"}).appendTo('div#fallslide');
	}
	$('<div id="slcontrol"></div>').css({'width' : $('div#fallslide').width(), 'height': $('div#fallslide').height(), 'position': 'absolute', 'top': 0, 'left': 0, 'cursor': 'pointer'}).appendTo('div#fallslide').click(function() {
											if(act)
											{
												clearTimeout(slidetimer);
												nextslide(act);
											}
											});
	$('<div id="timeline"></div>').css({'width' : '0', 'height': '1px', 'position': 'absolute', 'bottom': '1px', 'left': 0, 'background-color': 'white'}).appendTo('div#fallslide');
	nextslide(0);
}

function nextslide(next)
{
	act = false;
	if(next >= simages.length)
	{
		next = 0;
	}
	$('#fallslide div.slice').css({'height':'0px', 'background-image':'url('+simages[next]+')', 'opacity':'0'});
	$('div#timeline').stop();
	$('div#timeline').css({'width': '0', 'opacity': '0'});
	
	var rnd = [];
	var rndmax = 0;
	var rndmaxnum;
	
	$('#fallslide div.slice').each(function(ind, el){
		rnd[ind] = 1000 + Math.floor(Math.random()*5000);
		if(rndmax < rnd[ind])
		{
			rndmax = rnd[ind];
			rndmaxnum = ind;
		}
	});
	
	$('#fallslide div.slice').each(function(ind, el){
		
		if(ind == rndmaxnum)
			$(el).animate({'height':'280px', 'opacity':'1'}, rnd[ind], function(){
				$('#fallslide').css({'background-image':'url('+simages[next]+')'});
				slidetimer = window.setTimeout(function() {nextslide(next+1);}, 15000);
				act = next + 1;
				$('div#timeline').animate({'width': '100%', 'opacity': '1'}, 15000);
				});
		else
			$(el).animate({'height':'280px', 'opacity':'1'}, rnd[ind]);
		
	});

}