﻿function doStep(i,fin)
{
	if (i<fin) {
		i=i+1;
		setTimeout(function(){doStep(i,fin);},150);
	}
	$("#fp"+i).css("display","block");
}

function fallDown()
{
	$("#top_img").animate({ top: 0, left: 300}, 500, 'linear', function() {
			$("#top_img").effect("bounce", { times:3 }, 300);
		}
	);
	$("#bot_img").animate({ top: 110, left: 300}, 500, 'linear', function() {
			$("#bot_img").effect("bounce", { direction:"down", times:3 }, 300);
		}
	);
}

$(document).ready(function(){
	
	setTimeout(function(){
		doStep(0,5);
		setTimeout(function(){
			fallDown();
			setTimeout(function(){
				doStep(5,9);
			}, 2000);
		}, 1000);
	}, 200);
	
	$("#top_img").mouseover(function(){
		$(this).attr("src","../graphics/mainbg_0_over.png");
		$("#bot_img").attr("src","../graphics/mainbg_1_over.png");
	});
	$("#top_img").mouseout(function(){
		$(this).attr("src","../graphics/mainbg_0.png");
		$("#bot_img").attr("src","../graphics/mainbg_1.png");
	});
})
