// JavaScript Document

var arr = [
	   "<div id='row2' class='secondNthird'>people </div>", 
	   "<div id='row2' class='secondNthird'>homes </div>", 
	   "<div id='row2' class='secondNthird'>energy </div>", 
	   "<div id='row2' class='secondNthird'>transport </div>", 
	   "<div id='row2' class='secondNthird'>cycling </div>", 
	   "<div id='reprefix' class='secondNthird'>re </div>", 
	   "<div id='row2' class='secondNthird'>sunlight </div>", 
	   "<div id='row2' class='secondNthird'>energy</div><div id='row3' class='fourth'>saving</div>", 
	   "<div id='row2' class='secondNthird'>nature </div>", 
	   "<div id='row2' class='secondNthird'>wildlife </div>", 
	   "<div id='row2' class='secondNthird'>the earth </div>",
	   "<div id='row2' class='secondNthird'>bvlablabla</div>",
	   "<div id='row1' class='firstView'>Values</div><div id='row2' class='firstView'>money</div><div id='row3' class='firstView'>can't buy</div><div id='banner_longText'>Suddenly we all want to be good, prudent, charitable, green...<br/></div>"
	   ];

/*
animation loaded
1 VALUES MONEY CANT BUY into VALUE PEOPLE
2 VALUE PEOPLE into VALUE HOMES
3 VALUE HOMES into VALUE ENERGY
4 VALUE ENERGY into VALUE HEALTH
5 VALUE CYCLING
6 VALUE CYCLING into VALUE RECYCLING
7 RECYLING into SUNLIGHT
8 SUNLIGHT into ENERGY SAVING
9 ENERGY SAVING into NATURE
10 NATURE into WILDLIFE
11 WILDLIFE into THE WORLD
12 THE WORLD into NOTHING
13 NOTHING into VALUES
animation loaded
*/
var count =12;

function swapText(){
	if(count==0){
		$("div#text").removeClass('firstFrame');
		$("div#text").addClass('nextFrames');
		$("div#text").children().fadeOut('slow');
		$("div#text").html("<div id='row1'>Value </div>");
		$("div#text").append(arr[count]);
		$("div#text").children().css("display", "none");
		//$("div#text").css('top', '50px');
		$("#row1").fadeIn("slow", function(){
			//$("#row2").show("slide", {direction: _style()}, "slow");
			$("#row2").fadeIn("slow");
		});
		count++;
		
	}
	//to add the "re" prefix before "cycling"
	else if(count==5){ 
		//$("div#text").children().fadeOut('slow');
		$("div#text #row2").before(arr[count]);
		$("div#text").children("#reprefix").css("display", "none");
		$("#reprefix").show("slow");
		count++;
		
	}
	else if(count==11){
		$("div#text").children().fadeOut('slow');
		//$("div#text").children().css("display", "none");
		count++;
	}
	//nothing
	//end of arrey
	else if(count==12){ 
		$("div#text").children().fadeOut('slow');
		$("div#text").html(arr[count]);
		$("div#text").children().css("display", "none");
		count++;
	}
	else {
		$("#reprefix").fadeOut('slow');
		$("#row3").fadeOut('slow');
		$("#row2").fadeOut("slow", function(){				
			$("div#row2").replaceWith(arr[count]);
			$("#row2").css("display", "none");
			 //energy saving
			 if(count==7){				 
				//$("div#text").append("<div id='row3' class='secondNthird'>saving</div>");
				//$("#row2").css("display", "none");
				$("#row3").css("display", "none");
				 //$("#row2").show("slide", {direction: "right"}, "slow", function(){
				$("#row2").fadeIn("slow", function(){																   
					$("#row3").fadeIn("slow");
				 });
			}
			else {
				 //$("#row2").css("display", "none");
				 $("div#row2").fadeIn("slow");
			}
			count++;
		});
	}
}

function animationLoaded(){	
	$("div#text").removeClass('nextFrames')
	$("div#text").addClass('firstFrame');
	$("div#text").html((arr[count]));
	$("div#text").children().css("display", "none");
	//$("div#text").css('top', '30px');
	$("#row1").fadeIn(1000, function(){
		$("#row2").fadeIn(1000, function(){
			$("#row3").fadeIn(1000, function(){
				$("#banner_longText").fadeIn(1000, function(){});
			});														
		});
	});
	count=0;
}

$(document).ready(function(){	
	$("#row1").hide();
	$("#row2").hide();
	$("#row3").hide();
	$("#banner_longText").hide();
});

function getFlashMovie(movieName) {   
	var isIE = navigator.appName.indexOf("Microsoft") != -1;
	return (isIE) ? window[movieName] : document[movieName];  
}  
function formSend() {   
	var text = document.htmlForm.sendField.value;   
	getFlashMovie("ExternalInterfaceExample").sendTextToFlash(text);     
}    
function getTextFromFlash(str) {   
	document.htmlForm.receivedField.value = "From Flash: " + str;   return str + " received";  
}