var slideshow_n=1;
var anim_time=150;
var anim_pause=1000;
function slideshow_square_reset(x,y){
	$('#slideshow_square_'+x+'_'+y,'#slideshow').css({
		'width':'100px',
		'height':'100px',
		'left':(x*100)+'px',
		'top':(y*100)+'px',
		'background-position': '-'+(x*100)+'px -'+(y*100)+'px',
		'opacity':'0',
		'background-image':'url(/images/slideshow_'+slideshow_n+'.jpg)'
	});	
}
function slideshow_square_anim(x,y){
	$('#slideshow_square_'+x+'_'+y,'#slideshow').animate({
		'opacity':'1'
	}, {
		duration: 6*anim_time, 
		easing: 'swing',
		step: function(z) {			
			whole_z=parseInt((1-z)*50);  // stops the wiggle in FF
			$('#slideshow_square_'+x+'_'+y,'#slideshow').css({
				'width':(100*z)+'px',
				'height':(100*z)+'px',
				'left':((x*100)+whole_z)+'px',
				'top':((y*100)+whole_z)+'px',
				'background-position': '-'+((x*100)+whole_z)+'px -'+((y*100)+whole_z)+'px',
			});
		}
	});	
}
function slideshow(){
	// background
	$('#slideshow').css({
		'background-image':'url(/images/slideshow_'+slideshow_n+'.jpg)'
	});
	// next image
	if(slideshow_n<4){
		slideshow_n++;
	} else {
		slideshow_n=1;
	}	
	// foreground
	for(x=0;x<7;x++){
		for(y=0;y<3;y++){
			// stagger
			delay=(x*anim_time)+(y*anim_time);
			// reset
			slideshow_square_reset(x,y);
			// apply fadeout
			setTimeout("slideshow_square_anim("+x+","+y+")",delay);
		}
	}
	setTimeout("slideshow()",anim_pause+(3*6*anim_time)); // next slide
}
function slideshow_init(){
	var slideshow_squares="";
	for(x=0;x<7;x++){
		for(y=0;y<3;y++){
			slideshow_squares+='<div style="position:absolute;overflow:hidden;background-color:white;" id="slideshow_square_'+x+'_'+y+'"></div>';
		}
	}
	$('#slideshow img').css({'visibility':'hidden'});
	$('#slideshow').append(slideshow_squares);
	slideshow();
}

$(document).ready(function(){
	setTimeout("slideshow_init()",anim_pause*5); // delay start
});