//*****************************************************************
//*****************************************************************
// cs_choreographer.js
//*****************************************************************
//*****************************************************************

//-----------------------------------------------------------------
//Global Variables
//-----------------------------------------------------------------
var secondsbetweenevents = 2;
var ReplayExists = 0;



//-----------------------------------------------------------------
//Startup
//-----------------------------------------------------------------
function startss()
{		
	try 
	{		
		preshow();
		//preText();
		//endSS();
	}
	catch(err){
		alert('{startss}: ' + err.description);	
	}	
}


//-----------------------------------------------------------------
//preshow
//-----------------------------------------------------------------
function preshow()
{		
	try 
	{
		/*Initialize*/
		var elm = document.getElementById('pagecontent');

		elm.style.backgroundImage = "url(Graphics/bkgd.png)";
		Hide('pagecontent');
		elm.style.display = 'block';
		fadein('pagecontent',10,10);
		
		//var caldude = document.createElement("div");
//		caldude.id = 'cd';
//		caldude.className = 'cd';
//		caldude.style.display = 'block';
//		caldude.style.left = -200 + 'px';
//		caldude.style.top = 20 + 'px';
//		elm.appendChild(caldude);
//		
//		slideRight('cd',750,2);
		
		
		setTimeout("preText()", secondsbetweenevents*400);
		
	}
	catch(err){
		alert('{preshow}: ' + err.description);	
	}	
}

//-----------------------------------------------------------------
//preText
//-----------------------------------------------------------------
function preText()
{		
	try 
	{
		/*Initialize*/
		var elm = document.getElementById('pagecontent');

		var div = document.createElement("div");
		div.id = 'divPretext';
		div.style.display = 'none'
		div.style.position = 'absolute';
		div.style.width = '700px';
		div.style.height = '200px';
		div.style.left = '0px';   
		div.style.top = '100px';
		div.style.fontSize = '25px';
		div.style.textAlign = 'center';
		div.style.color = 'white';
		div.innerHTML = 'Unlimited free<span style="font-size:10px; vertical-align: super;">*</span> text messages from your desktop';//'Improve your...';
		elm.appendChild(div);
		
		Hide('divPretext');
		div.style.display = 'block';
		fadein('divPretext',20,20);
		
		//setTimeout("showFocus()", secondsbetweenevents*2000);
		
		// fade eminder in
		setTimeout("eMinderFadeIn()", secondsbetweenevents*2000);
		setTimeout("fadeout('divPretext',5,5)", secondsbetweenevents*2000);
		
	}
	catch(err){
		alert('{preText}: ' + err.description);	
	}	
}

//-----------------------------------------------------------------
//showFocus
//-----------------------------------------------------------------
function showFocus()
{		
	try 
	{
		/*Initialize*/
		var elm = document.getElementById('pagecontent');
		
		var elmFocus = document.createElement("div");
		elmFocus.id = 'div0';
		elm.appendChild(elmFocus);

		elmFocus.style.display = 'block';
		elmFocus.style.position = 'absolute';
		elmFocus.style.fontSize = '1px';
		elmFocus.style.width = '300px';
		elmFocus.style.height = '100px';
		elmFocus.innerHTML = "Focus";
		elmFocus.style.left = '200px';
		elmFocus.style.top = '50px';
		growShrink('div0','grow',100,1);	
		
		
		var elmFocusBkgd = document.createElement("div");
		elmFocusBkgd.id = 'div1';
		elm.appendChild(elmFocusBkgd);
		
		Hide('div1');
		elmFocusBkgd.style.display = 'block';
		elmFocusBkgd.style.backgroundImage = "url(Graphics/focus.png)";
		elmFocusBkgd.style.position = 'absolute';
		elmFocusBkgd.style.width = '300px';
		elmFocusBkgd.style.height = '200px';
		elmFocusBkgd.style.left = '200px';
		elmFocusBkgd.style.top = '20px';
		fadein('div1',20,20);
				
		setTimeout("chevronSet1()", secondsbetweenevents*1000);
		
	}
	catch(err){
		alert('{showFocus}: ' + err.description);	
	}	
}


//-----------------------------------------------------------------
//chevronSet1
//-----------------------------------------------------------------

function chevronSet1()
{		
	try 
	{

		/*Initialize*/
		var elm = document.getElementById('pagecontent');
		var divBkgd = document.getElementById('div1');
		
		
		var div = document.createElement("div");
		div.id = 'divRC1';
		div.style.display = 'none'
		elm.appendChild(div);
	
		div.style.backgroundImage = "url(Graphics/Chevrt.png)";		
		div.style.position = 'absolute';
		div.style.width = '100px';
		div.style.height = '200px';
		div.style.left = parseInt(divBkgd.offsetLeft) - 200 + 'px';   
		div.style.top = parseInt(divBkgd.offsetTop) + 'px';
		Hide('divRC1');
		div.style.display = 'block';
		fadein('divRC1',20,20);
		
		var div = document.createElement("div");
		div.id = 'divLC1';
		div.style.display = 'none'
		elm.appendChild(div);
	
		div.style.backgroundImage = "url(Graphics/Chevlf.png)";		
		div.style.position = 'absolute';
		div.style.width = '100px';
		div.style.height = '200px';
		div.style.left = parseInt(divBkgd.offsetLeft) + 400 + 'px';   
		div.style.top = parseInt(divBkgd.offsetTop) + 'px';
		Hide('divLC1');
		div.style.display = 'block';
		fadein('divLC1',20,20);
		
		
		setTimeout("chevronSet2()", secondsbetweenevents*500);
		
		
	}
	catch(err){
		alert('{chevronSet1}: ' + err.description);	
	}
}


//-----------------------------------------------------------------
//chevronSet2
//-----------------------------------------------------------------

function chevronSet2()
{		
	try 
	{	
		/*Initialize*/
		var elm = document.getElementById('pagecontent');
		var divBkgd = document.getElementById('div1');
		
		var div = document.createElement("div");
		div.id = 'divRC2';
		div.style.display = 'none'
		elm.appendChild(div);
	
		div.style.backgroundImage = "url(Graphics/Chevrt.png)";		
		div.style.position = 'absolute';
		div.style.width = '100px';
		div.style.height = '200px';
		div.style.left = parseInt(divBkgd.offsetLeft) - 100 + 'px';   
		div.style.top = parseInt(divBkgd.offsetTop) + 'px';
		Hide('divRC2');
		div.style.display = 'block';
		fadein('divRC2',20,20);
		
		var div = document.createElement("div");
		div.id = 'divLC2';
		div.style.display = 'none'
		elm.appendChild(div);
				
		div.style.backgroundImage = "url(Graphics/Chevlf.png)";		
		div.style.position = 'absolute';
		div.style.width = '100px';
		div.style.height = '200px';
		div.style.left = parseInt(divBkgd.offsetLeft) + 300 + 'px';   
		div.style.top = parseInt(divBkgd.offsetTop) + 'px';
		Hide('divLC2');
		div.style.display = 'block';
		fadein('divLC2',20,20);
		
		setTimeout("focusFadeOut()", secondsbetweenevents*500);

	}
	catch(err){
		alert('{chevronSet2}: ' + err.description);	
	}
}


//-----------------------------------------------------------------
//event4
//-----------------------------------------------------------------

function focusFadeOut()
{		
	try 
	{	
		/*Initialize*/
		var elm = document.getElementById('divRC1');
		if (elm)
		{
			fadeout('divRC1',20,20); //setTimeout("fadeout('divRC1',20,20)", secondsbetweenevents*1000);
		}
		var elm = document.getElementById('divRC2');
		if (elm)
		{
			fadeout('divRC2',20,20); //setTimeout("fadeout('divRC1',20,20)", secondsbetweenevents*1000);
		}
		var elm = document.getElementById('divLC1');
		if (elm)
		{
			fadeout('divLC1',20,20); //setTimeout("fadeout('divRC1',20,20)", secondsbetweenevents*1000);
		}
		var elm = document.getElementById('divLC2');
		if (elm)
		{
			fadeout('divLC2',20,20); //setTimeout("fadeout('divRC1',20,20)", secondsbetweenevents*1000);
		}
		var elmFocus = document.getElementById('div0');
		if (elm)
		{
			fadeout('div0',20,20); //setTimeout("fadeout('divRC1',20,20)", secondsbetweenevents*1000);
		}
		var elmFocusBkgd = document.getElementById('div1');
		if (elm)
		{
			fadeout('div1',20,20); //setTimeout("fadeout('divRC1',20,20)", secondsbetweenevents*1000);
		}
		
		// fade eminder in
		setTimeout("eMinderFadeIn()", secondsbetweenevents*500);
		
	}
	catch(err){
		alert('{focusFadeOut}: ' + err.description);	
	}
}

//-----------------------------------------------------------------
//eMinderFadeIn
//-----------------------------------------------------------------

function eMinderFadeIn()
{		
	try 
	{	
		/*Initialize*/
		var elm = document.getElementById('pagecontent');
		
		// fade eminder into center
		var div = document.createElement("div");
		div.id = 'eM';
		div.style.display = 'none'
		div.style.backgroundImage = "url(Graphics/eMinder.png)";	
		div.style.position = 'absolute';
		div.style.width = '300px';
		div.style.height = '200px';
		div.style.left = '200px';
		div.style.top = '20px';
		elm.appendChild(div);
		Hide('eM');
		div.style.display = 'block';
		fadein('eM',20,20);
		
		
		var div = document.createElement("div");
		div.id = 'eMText1';
		div.style.display = 'none'	
		div.style.position = 'absolute';
		div.style.width = '200px';
		div.style.height = '200px';
		div.style.left = '0px';
		div.style.top = '100px';
		div.style.fontSize = '40px';
		div.style.textAlign = 'center';
		div.style.color = 'white';
		div.innerHTML = 'With';
		elm.appendChild(div);
		Hide('eMText1');
		div.style.display = 'block';
		fadein('eMText1',20,20);
		
		var div = document.createElement("div");
		div.id = 'eMText3';
		div.style.display = 'none'	
		div.style.position = 'absolute';
		div.style.width = '200px';
		div.style.height = '200px';
		div.style.left = '500px';
		div.style.top = '100px';
		div.style.fontSize = '40px';
		div.style.textAlign = 'center';
		div.innerHTML = 'eMinder';
		div.style.color = 'white';
		elm.appendChild(div);
		Hide('eMText3');
		div.style.display = 'block';
		fadein('eMText3',20,20);
		
		setTimeout("eMinderSlideLeft()", secondsbetweenevents*3000);	

	}
	catch(err){
		alert('{eMinderFadeIn}: ' + err.description);	
	}
}

//-----------------------------------------------------------------
//eMinderSlideLeft
//-----------------------------------------------------------------

function eMinderSlideLeft()
{		
	try 
	{	
	
		/*Initialize*/
		var elm = document.getElementById('pagecontent');
		
		fadeout('eMText1',5,5);
		fadeout('eMText3',5,5);
		
		//slide it to the left		
		setTimeout("slideLeft('eM',10,1)", secondsbetweenevents*500);
		
		var div = document.createElement("div");
		div.id = 'eMText2';
		div.style.display = 'none'	
		div.style.position = 'absolute';
		div.style.width = '350px';
		div.style.height = '200px';
		div.style.left = '350px';
		div.style.top = '10px';
		div.style.fontSize = '40px';
		div.style.textAlign = 'center';
		div.innerHTML = 'Send free<span style="font-size:10px; vertical-align: super;">*</span> text messages now or schedule for future delivery';//'You can <br /> get control <br /> again!';
		elm.appendChild(div);
		Hide('eMText2');
		div.style.display = 'block';		
		
		setTimeout("fadein('eMText2',20,20)", secondsbetweenevents*1000);	

		
		
		
		//setTimeout("endSS()", secondsbetweenevents*1000);
		
		
		
		
		
		

	}
	catch(err){
		alert('{eMinderSlideLeft}: ' + err.description);	
	}
}


//-----------------------------------------------------------------
//endSS
//-----------------------------------------------------------------

function endSS()
{		
	try 
	{	
	
		if (ReplayExists == 0)
		{
			/*Initialize*/
			var elm = document.getElementById('pagecontent');
	
//			var img = document.createElement("img");		
//			img.src = "url(graphics/Replay.png)"; 
//			img.style.display = 'block';
			
			
			
			var div = document.createElement("div");
			div.id = 'divReplay';
			div.style.display = 'none'	
			div.style.position = 'absolute';
			div.style.width = '75px';
			div.style.height = '25px';
			div.style.left = '610px';
			div.style.top = '0px';
			div.style.fontSize = '15px';
			div.style.textAlign = 'right';
			div.className = 'replay';
			///div.appendChild(img);
			div.style.backgroundImage = "url(Graphics/Replay.png)";
			div.style.backgroundRepeat = 'no-repeat';
			div.innerHTML = 'Replay';
			elm.appendChild(div);			
			Hide('divReplay');
			div.style.display = 'block';		
						
			setTimeout("fadein('divReplay',20,20)", secondsbetweenevents*500);	
			
			addEvent(div, 'click', clickReplay, false);
			
		}
		ReplayExists = 1;
		
	
	}
	catch(err){
		alert('{endSS}: ' + err.description);	
	}
}

//-----------------------------------------------------------------
//clickReplay
//-----------------------------------------------------------------

function clickReplay()
{	
	window.location.reload();
	//alert('Replay clicked');	
//	/*Initialize*/
//	Hide('divReplay');
//	var elm = document.getElementById('pagecontent');
//	for (i = 0 ; i < elm.childNodes.length ; i++)
//	{	
//		if (elm.removeChild)
//		{
//			if (elm.childNodes[i])
//			{
//				elm.removeChild(elm.childNodes[i]);
//			}
//		}else
//		{
//			document.getElementById(elm.childNodes[i].id).removeNode(true);
//		}
//	}
//	ReplayExists = 0;
//	startss();
}

addEvent(window, 'load', startss, false);