$(document).ready(function(){
	var bw = new Array();
	var color = new Array();
	var text = new Array();
	var cycles=0;
	var here=0;
	var path='/Portals/8/Skins/Herschman_Skins/homeAnimation';
	start();
	
	function start(){
		initPics();
		animation();
	}
	
	function initPics(){
		var k=1;
		for (var i =0; i < 5; i++){
			bw[i] = path+'/bw'+k+'.jpg';
			color[i] = path+'/color'+k+'.jpg';
			text[i] = path+'/text'+k+'.jpg';
			k++;
		}
	}
	
	function animation(){
		here = cycles % bw.length;
		$('img#bw').attr('src', bw[here]);	
		$('img#color').attr('src', color[here]);	
		$('#text img').attr('src', text[here]);	
				
		$('#MainText #bg').delay(1000).animate(
			{top:'0'}, 
			500,
			function(){
					stepTwo();
				}
		);
	}
	
	function stepTwo(){
		$('#MainImage #bw').fadeIn(
			1000,
			function(){
				stepThree();
			}
		);//end fade in for BW
		$('#MainText #text').fadeIn(
			1000,
			function(){}
		);
	}
	
	function stepThree(){
		$('#MainImage #color').delay(500).fadeIn(
			1000,
			function(){
				stepFour();
			}
		);
	}
	
	function stepFour(){
		$('#MainImage #color').delay(2000).fadeOut(
			1000,
			function(){}
		);
		$('#MainImage #bw').delay(2000).fadeOut(
			1000,
			function(){}
		);
		$('#MainText #text').delay(2000).fadeOut(
			1000,
			function(){
				stepFive();
			}
		);
	}
	
	function stepFive(){
		$('#MainText #bg').animate(
				{top:'120px'},
				500
			);
		cycles++;
		animation();
	}
})//official end