// JavaScript Document

function ShowPopup() {
	        document.getElementById('transparant_layer').style.display = "block";
	        document.getElementById('popup').style.display = "block";
	       
	    }
		
		
function HidePopup() {
	        document.getElementById('transparant_layer').style.display = "none";
	        document.getElementById('popup').style.display = "none";
	       
	    }
		
		
		
		
//CLOUD Glynis//

function ShowCloudG() {
		$("#G").animate({ top: "120px" }, 1000);
	}

function HideCloudG() {
		$("#M").animate({ top: "-170px" }, 1000);
		$("#O").animate({ top: "-170px" }, 1000);
		$("#P").animate({ top: "-170px" }, 1000);
		$("#J").animate({ top: "-170px" }, 1000);
		$("#L").animate({ top: "-170px" }, 1000);
		$("#E").animate({ top: "-170px" }, 1000);
		
		setTimeout ( "UpG()", 2000 );
		
	}
	
function UpG(){
		$("#G").animate({ top: "-170px" }, 1000);
}

//****************************


////CLOUD Martin//

function ShowCloudM() {
		$("#M").animate({ top: "170px" }, 1000);
	}


function HideCloudM() {
		$("#G").animate({ top: "-170px" }, 1000);
		$("#O").animate({ top: "-170px" }, 1000);
		$("#P").animate({ top: "-170px" }, 1000);
		$("#J").animate({ top: "-170px" }, 1000);
		$("#L").animate({ top: "-170px" }, 1000);
		$("#E").animate({ top: "-170px" }, 1000);
		
		setTimeout ( "UpM()", 2000 );
		
	}
	
function UpM(){
		$("#M").animate({ top: "-170px" }, 1000);
}

//****************************//



////CLOUD Oscar//

function ShowCloudO() {
		$("#O").animate({ top: "240px" }, 1000);
	}


function HideCloudO() {
		$("#G").animate({ top: "-170px" }, 1000);
		$("#M").animate({ top: "-170px" }, 1000);
		$("#P").animate({ top: "-170px" }, 1000);
		$("#J").animate({ top: "-170px" }, 1000);
		$("#L").animate({ top: "-170px" }, 1000);
		$("#E").animate({ top: "-170px" }, 1000);
		
		setTimeout ( "UpO()", 2000 );
	
}


function UpO(){
		$("#O").animate({ top: "-170px" }, 1000);
}


//****************************//



////CLOUD Paul//

function ShowCloudP() {
		$("#P").animate({ top: "120px" }, 1000);
		
	}


function HideCloudP() {
		$("#G").animate({ top: "-170px" }, 1000);
		$("#M").animate({ top: "-170px" }, 1000);
		$("#O").animate({ top: "-170px" }, 1000);
		$("#J").animate({ top: "-170px" }, 1000);
		$("#L").animate({ top: "-170px" }, 1000);
		$("#E").animate({ top: "-170px" }, 1000);
	
		setTimeout ( "UpP()", 2000 );

	}



function UpP(){
		$("#P").animate({ top: "-170px" }, 1000);
}

//****************************//



////CLOUD Jaqueline//

function ShowCloudJ() {
		$("#J").animate({ top: "120px" }, 1000);
	}


function HideCloudJ() {
		$("#G").animate({ top: "-170px" }, 1000);
		$("#M").animate({ top: "-170px" }, 1000);
		$("#O").animate({ top: "-170px" }, 1000);
		$("#P").animate({ top: "-170px" }, 1000);
		$("#L").animate({ top: "-170px" }, 1000);
		$("#E").animate({ top: "-170px" }, 1000);		

		setTimeout ( "UpJ()", 2000 );

	}
	
	
function UpJ(){
		$("#J").animate({ top: "-170px" }, 1000);
}

//****************************//



////CLOUD Linda//

function ShowCloudL() {
		$("#L").animate({ top: "80px" }, 1000);
	}


function HideCloudL() {
		$("#G").animate({ top: "-170px" }, 1000);
		$("#M").animate({ top: "-170px" }, 1000);
		$("#O").animate({ top: "-170px" }, 1000);
		$("#P").animate({ top: "-170px" }, 1000);
		$("#J").animate({ top: "-170px" }, 1000);
		$("#E").animate({ top: "-170px" }, 1000);

		setTimeout ( "UpL()", 2000 );

	}
	
	
function UpL(){
		$("#L").animate({ top: "-170px" }, 1000);
}

//****************************//



////CLOUD Ernestine//

function ShowCloudE() {
		$("#E").animate({ top: "110px" }, 1000);
	}


function HideCloudE() {
		$("#G").animate({ top: "-170px" }, 1000);
		$("#M").animate({ top: "-170px" }, 1000);
		$("#O").animate({ top: "-170px" }, 1000);
		$("#P").animate({ top: "-170px" }, 1000);
		$("#J").animate({ top: "-170px" }, 1000);
		$("#L").animate({ top: "-170px" }, 1000);		

		setTimeout ( "UpE()", 2000 );



}



function UpE(){
		$("#E").animate({ top: "-170px" }, 1000);
}

//****************************//