// JavaScript Document
$(document).ready(function(){
	setTimeout(init,500);
});
function init(){
	$('#animcontainer').prepend('<div class="uk_anim_pwcstamp"></div><div class="uk_anim_yellowblock" id="yellow"></div><div class="uk_anim_tangerineblock" id="tangerine"></div><div class="uk_anim_roseblock" id="rose"></div><div class="uk_anim_orangeblock" id="orange"></div><div class="uk_anim_redblock" id="red"></div>');
	startAnimation();
	
}
function startAnimation(){
	setTimeout(revealText,3000);
	setTimeout(startRose,500);
	setTimeout(startPeach,1000);
	setTimeout(startYellow,1250);
	setTimeout(startOrange,1500);
	setTimeout(startRed,1750);	
}
// animation first stage
function nextYellow(){
	$('#yellow').animate({width:"553px",height:"349px"},1000);
}
function nextPeach(){
	$('#tangerine').animate({width:"411px",height:"406px"},750);
}
function nextOrange(){
	$('#orange').animate({width:"495px",height:"367px"},500);
}
function nextRed(){
	$('#red').animate({width:"123px",height:"367px"},800);
}
function nextRose(){
	$('#rose').animate({width:"720px",height:"147px"},1400);
}
// animation second stage
function startYellow(){
	$('#yellow').animate({width:"578px",height:"349px"},1000,nextYellow());
}
function startPeach(){
	$('#tangerine').animate({width:"629px",height:"288px"},750,nextPeach());
}
function startOrange(){
	$('#orange').animate({width:"328px"},500,nextOrange());
}
function startRed(){
	$('#red').animate({width:"472px"},800,nextRed());
}
function startRose(){
	$('#rose').animate({width:"683px"},1400,nextRose());
}
function revealText(){
	$('#textbox').fadeIn(1000);
}