// JavaScript Document
$(document).ready(function(){
	setTimeout(init,500);});

function init(){
	$('#animcontainer').prepend('<div class="careers-pwcstamp"></div><div class="careers-yellowblock" id="yellow"></div><div class="careers-tangerineblock" id="tangerine"></div><div class="careers-roseblock" id="rose"></div><div class="careers-orangeblock" id="orange"></div><div class="careers-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 nextRose(){
	$('#rose').animate({width:"640px",height:"100px"},1400);}
function nextPeach(){
	$('#tangerine').animate({width:"660px",height:"180px"},750);}
function nextYellow(){
	$('#yellow').animate({width:"640px",height:"220px"},1000);}
function nextOrange(){
	$('#orange').animate({width:"620px",height:"310px"},500);}
function nextRed(){
	$('#red').animate({width:"600px",height:"360px"},800);}

// animation second stage
function revealText(){
	$('#textbox').fadeIn(1000);}
function startRose(){
	$('#rose').animate({width:"660px"},1400,nextRose());}
function startPeach(){
	$('#tangerine').animate({width:"640px",height:"190px"},750,nextPeach());}
function startYellow(){
	$('#yellow').animate({width:"620px",height:"240px"},1000,nextYellow());}
function startOrange(){
	$('#orange').animate({width:"600px"},500,nextOrange());}
function startRed(){
	$('#red').animate({width:"580px"},800,nextRed());}