/*
This is a Javascript file for transitioning between images and text with fade effects using the opacity CSS value.
All elements are referenced by ID to whatever their ID is in the HTML document the slideshow is playing on.
*/


//Set to stop errors on the n value used to help with queueing and dequeueing on stacked animations.
var n="";

function movie()
{   

/*---------------------------------------------- SCENE ONE -------------------------------------------------------------*/

						//Set a half second delay on the start of the animation queue on this id block1 
						$('#balloons').delay(500).queue(function(n) {  
															   
							//Set a CSS opacity value of 1 on the element above.
							//Animate to an opacity value of 0 over a 2 second time scale.
							$('#smart').css({ opacity:0}).animate({ opacity:1 }, 2000);
							$('#smart').css({ visibility:"visible"}); 
							 n(); 
							 
							 $('#simple').delay(1000).queue(function(n) { 
								$(this).css({ opacity:0}).animate({ opacity:1 }, 2000);
								$(this).css({ visibility:"visible"}); 
							 n(); 
							 
							 $('#fair').delay(1000).queue(function(n) { 
								$(this).css({ opacity:0}).animate({ opacity:1 }, 2000);
								$(this).css({ visibility:"visible"}); 
							 n(); 
							 
							  $('#logos').delay(2000).queue(function(n) { 
								$(this).css({ opacity:0}).animate({ opacity:1 }, 2000);
								$(this).css({ visibility:"visible"}); 
							 n(); 
							 
							  $('#balloons').delay(2000).queue(function(n) { 
								$('#smart').css({ opacity:1}).animate({ opacity:0 }, 2000);
								$('#simple').css({ opacity:1}).animate({ opacity:0 }, 2000);
								$('#fair').css({ opacity:1}).animate({ opacity:0 }, 2000);
								$('#smart').css({ visibility:"hidden"});
								$('#simple').css({ visibility:"hidden"});
								$('#fair').css({ visibility:"hidden"});
								$(this).css({ opacity:1}).animate({ opacity:0 }, 2000);
								$(this).css({ visibility:"hidden"});
							 n(); 
							 
							 $('#logos').delay(1000).queue(function(n) { 					
								$('#our').css({ opacity:0}).animate({ opacity:1 }, 2000);
								$('#our').css({ visibility:"visible"}); 
							 n(); 
							 
							 $('#famous').delay(1000).queue(function(n) { 
								$(this).css({ opacity:0}).animate({ opacity:1 }, 2000);
								$(this).css({ visibility:"visible"}); 
							 n(); 
							 
							 $('#friends').delay(1000).queue(function(n) { 
								$(this).css({ opacity:0}).animate({ opacity:1 }, 2000);
								$(this).css({ visibility:"visible"}); 
							 n(); 
							 
							  $('#euro').delay(2000).queue(function(n) { 
								$(this).css({ opacity:0}).animate({ opacity:1 }, 2000);
								$(this).css({ visibility:"visible"}); 
							 n(); 
							 
							 $('#logos').delay(2000).queue(function(n) { 
								$('#our').css({ opacity:1}).animate({ opacity:0 }, 2000);
								$('#famous').css({ opacity:1}).animate({ opacity:0 }, 2000);
								$('#friends').css({ opacity:1}).animate({ opacity:0 }, 2000);
								$('#our').css({ visibility:"hidden"});
								$('#famous').css({ visibility:"hidden"});
								$('#friends').css({ visibility:"hidden"});
								$(this).css({ opacity:1}).animate({ opacity:0 }, 2000);
								$(this).css({ visibility:"hidden"});
							 n(); 
							 
							 
							 
							   $('#euro').delay(2000).queue(function(n) { 
								$(this).css({ opacity:1}).animate({ opacity:0 }, 2000);
								 
							 n();	
							 
							 $('#balloons').queue(function(n) { 
								$(this).css({ opacity:0}).animate({ opacity:1 }, 2000);
								$(this).css({ visibility:"visible"});
								
							 n();  
							 
							 $('#euro').queue(function(n) { 
								$(this).css({ visibility:"hidden"});
								 n();
							movie();
						
							});//end euro hidden function.
							});//end balloons fade in function.
							});//end euro fade out function. 
							});//end logos fade out function.
							});//end euro fade in function.
							});//end friends fade in function.
							});//end famous fade in function.
							});//end our fade in function.
							});//end balloons (scene one) fade out function.  
							});//end logos fade in function.  
							});//end fair fade in function.  
							});//end simple fade in function.  
							});//end smart fade in function.     

}; 

//On page load start this function.
$(document).ready(function() {   

movie();

});