// Fenn & Fenn - Animated Sequence on Load

window.addEvent('domready', function() {
									 
		//preload images
		newimage0 = new Image(141,175);
		newimage0.src = "images/logo_static.gif";
		newimage1 = new Image(267,175);
		newimage1.src = "images/blue_building.gif";
		newimage2 = new Image(142,175);
		newimage2.src = "images/banner_a1.gif";
		newimage3 = new Image(142,175);
		newimage3.src = "images/banner_a2.gif";
		newimage4 = new Image(205,101);
		newimage4.src = "images/new_slogan.gif";
		newimage5 = new Image(268,334);
		newimage5.src = "images/large_logo.gif";
		newimage6 = new Image(205,101);
		newimage6.src = "images/old_slogan.gif";								 
									 
		
		//populate anim_content div and display content
		var anim_content='<img id="logo" src="images/large_logo.gif" /><img id="slogan" src="images/oldslogan.gif" />';
		$('animation').innerHTML=anim_content;	
				
			
		//display animation_wrapper div and hide logo, slogan and body text by setting their opacity to 0
		$('animation_wrapper').style.display="block"; 
		$('logo').effect('opacity').set(0);
		$('primary_content').effect('opacity').set(0);
		$('firt_slogan').effect('opacity').set(0);
		$('fennlogo').effect('opacity').set(0)
		
		//animated sequence 
		
		// logo fades in
		$('logo').effect('opacity', {duration: 2000, wait: false}).start(0,1).chain(function() {
																							 
			// logo shrinks, is repositioned to permanent position in banner and is replaced by a higher quality image
			$('logo').effect('width', {duration: 200, wait: false}).start(268,141);
			$('logo').effect('height', {duration: 200, wait: false}).start(334,175);
			$('logo').effect('margin-left', {duration: 200, wait: false}).start(299,1);
			$('logo').effect('margin-top', {duration: 200, wait: false}).start(205,30).chain(function() {
				$('logo').effect('opacity', {duration: 1, wait: false}).start(1,0);
				$('fennlogo').effect('opacity', {duration: 1, wait: false}).start(0,1);
				
				// old slogan is repositioned to sidebar, shrinks down to nothing and is replaced by current slogan
				$('slogan').effect('margin-left', {duration: 300, wait: false}).start(432,41);
				$('slogan').effect('margin-top', {duration: 300, wait: false}).start(272,472).chain(function() {
					$('firt_slogan').effect('opacity', {duration: 1, wait: false}).start(0,1);	
					$('primary_content').effect('opacity', {duration: 1000, wait: false}).start(0,1);
					$('slogan').effect('width', {duration: 1000, wait: false}).start(205,0);
					$('slogan').effect('height', {duration: 1000, wait: false}).start(101,0);
					$('slogan').effect('margin-left', {duration: 1000, wait: false}).start(41,143);
					$('slogan').effect('margin-top', {duration: 1000, wait: false}).start(472,523).chain(function() {
						$('animation_wrapper').style.display="none";	//animation wrapper is disabled so that menu is enabled 
					}); 
			   }); 
		   });
		});
		
		//remove images from div
		

});