images = [
		$("<img src='/media/images/imagesimg1_9004.jpg' />"),
		$("<img src='/media/images/imagesimg2_9005.jpg' />"),
		$("<img src='/media/images/imagesimg3_9006.jpg' />"),
		$("<img src='/media/images/imagesimg4_9007.jpg' />"),
		$("<img src='/media/images/imagesimg5_9008.jpg' />"),
		$("<img src='/media/images/imagesimg6_9009.jpg' />"),
		$("<img src='/media/images/imagesimg7_9010.jpg' />"),
		$("<img src='/media/images/imagesimg8_9011.jpg' />"),
		$("<img src='/media/images/imagesimg9_9012.jpg' />"),
		$("<img src='/media/images/imagesimg10_9013.jpg' />"),
		$("<img src='/media/images/imagesimg11_9014.jpg' />"),
		$("<img src='/media/images/imagesimg12_9015.jpg' />"),
		$("<img src='/media/images/imagesimg13_9016.jpg' />"),
		$("<img src='/media/images/imagesimg14_9017.jpg' />"),
		$("<img src='/media/images/imagesimg15_9018.jpg' />"),
		$("<img src='/media/images/imagesimg16_9019.jpg' />"),
		$("<img src='/media/images/imagesimg17_9020.jpg' />"),
		$("<img src='/media/images/imagesimg18_9021.jpg' />"),
		$("<img src='/media/images/imagesimg19_9022.jpg' />"),
		$("<img src='/media/images/imagesimg20_9023.jpg' />")];

$(document).ready(function(){
	//load initial images
	$("#checker ul li img").each(function(){
		
		r = get_random_from_array();
		$(this).attr('src',$(r).attr('src'));
	});
	
	//set up changes
	to = setInterval(function(){
		picture_at = random_picture_position();

		r = get_random_from_array();
		
		$(r).removeClass('fade').removeClass('right').removeClass('left').removeClass('top').removeClass('bottom').removeClass('delete').attr('style','');
		
		set_z(picture_at);
		
		switch(random_effect_type()) {
			case 'fade':
				$(r).addClass('fade').appendTo("#p"+picture_at).animate({opacity:1},1500);
			break;
			case 'right':
				$(r).addClass('right').appendTo("#p"+picture_at).animate({left:0},1000);
			break;
			case 'left':
				$(r).addClass('left').appendTo("#p"+picture_at).animate({right:0},1000);
			break;
			case 'top':
				$(r).addClass('top').appendTo("#p"+picture_at).animate({bottom:0},1000);
			break;
			case 'bottom':
				$(r).addClass('bottom').appendTo("#p"+picture_at).animate({top:0},1000);
			break;
		}
	},3000);
	
	del = setInterval(function(){
				if($(document).find(":animated").length == 0)
				{
					flush_old();
				}
			},100)
});

function set_z(which) {
	$("#p" + which + " img").css("z-index",1).addClass('delete');
}

function flush_old () {
	$(".delete").remove();
}

function random_picture_position(){
 	return Math.floor(Math.random()*10+1);
}

function get_random_from_array() {
	rn = Math.floor(Math.random()*20);
	
	r = images[rn];
	
	while (check_for_image_in_page(r)){
		r = images[Math.floor(Math.random()*20)];
		
	}
	return r;
}

function random_effect_type(){
	switch (Math.floor(Math.random()*9+1)) {
		default:
			return 'fade';
		break;
	}
}

function check_for_image_in_page (img) {
	var found = false;
	$("#checker ul li img").each(function(){
		if($(this).attr('src') == $(img).attr('src')){ 
			found = true; 
		}
	});
	return found;
}