var stopOpac = 1.00;
var stopAlpha = 100;
var step = 1; //speed of delay in millsec
var alphaInc = 50; //gaite of fade for IE (0 - 100)
var opacityInc = 0.1; //gaite of fade for all others (0.00 - 1.0)
//var smallStep = 10; //speed of delay in millsec --- for smaller images 
//var smallAlphaInc = 00; //gaite of fade for IE (0 - 100) --- for smaller images 
//var smallOpacityInc = 0.01; //gaite of fade for all others (0.00 - 1.0) --- for smaller images 
var slidingDiv;
var recAlphaNew=0;
var recOpac=0;
var recOpacNew=0;
if(navigator.appName == 'Opera')
{
	opacityInc  = 0.4;
}
//
//function setAll() 
//{
//	//what
//	document.getElementById("a1").style.visibility="hidden";
//	document.getElementById("a1").style.opacity=0.0;
//	document.getElementById("a2").style.visibility="hidden";
//	document.getElementById("a3").style.opacity=0.0;
//	document.getElementById("a3").style.visibility="hidden";
//	document.getElementById("a3").style.opacity=0.0;
//	document.getElementById("a4").style.visibility="hidden";
//	document.getElementById("a4").style.opacity=0.0;
//	document.getElementById("a5").style.visibility="hidden";
//	document.getElementById("a5").style.opacity=0.0;
//	//how
//	document.getElementById("b1").style.visibility="hidden";
//	document.getElementById("b1").style.opacity=0.0;
//	document.getElementById("b2").style.visibility="hidden";
//	document.getElementById("b2").style.opacity=0.0;
//	document.getElementById("b3").style.visibility="hidden";
//	document.getElementById("b3").style.opacity=0.0;
//	document.getElementById("b4").style.visibility="hidden";
//	document.getElementById("b4").style.opacity=0.0;
//	document.getElementById("how1").style.visibility='hidden';	
//	document.getElementById("how1a").style.visibility='hidden';
//	document.getElementById("how2").style.visibility='hidden';	
//	document.getElementById("how2a").style.visibility='hidden';	
//	document.getElementById("how2b").style.visibility='hidden';	
//	document.getElementById("how2c").style.visibility='hidden';	
//	document.getElementById("how3").style.visibility='hidden';	
//	document.getElementById("how3a").style.visibility='hidden';	
//	document.getElementById("how4").style.visibility='hidden';	
//	//who
//	document.getElementById("c1").style.visibility="hidden";
//	document.getElementById("c1").style.opacity=0.0;
//	document.getElementById("who1a").style.visibility="hidden";
//	document.getElementById("who1b").style.visibility="hidden";
//	document.getElementById("who1c").style.visibility="hidden";
//	document.getElementById("c2").style.visibility="hidden";
//	document.getElementById("c2").style.opacity=0.0;
//	document.getElementById("who2a").style.visibility="hidden";
//	document.getElementById("who2b").style.visibility="hidden";
//	//cost
//	document.getElementById("d1").style.visibility="hidden";
//	document.getElementById("d1").style.opacity=0.0;
//	document.getElementById("d2").style.visibility="hidden";
//	document.getElementById("d2").style.opacity=0.0;
//	document.getElementById("d3").style.visibility="hidden";
//	document.getElementById("d3").style.opacity=0.0;	
//	document.getElementById("wrap1").style.visibility="hidden";
//	document.getElementById("wrap2").style.visibility="hidden";
//	document.getElementById("wrap3").style.visibility="hidden";
//	document.getElementById("wrap4").style.visibility="hidden";
//	document.getElementById("titPex1").style.visibility="hidden";
//	document.getElementById("titPex2").style.visibility="hidden";
//	document.getElementById("titPex3").style.visibility="hidden";
//	document.getElementById("innerPex1").style.visibility="hidden";
//	document.getElementById("innerPex2").style.visibility="hidden";
//	document.getElementById("innerPex3").style.visibility="hidden";
//	document.getElementById("pex1Drop").style.visibility="hidden";
//	document.getElementById("pex2Drop").style.visibility="hidden";
//	document.getElementById("pex3Drop").style.visibility="hidden";
//
//	document.getElementById("pricePad1").style.visibility="hidden";
//	document.getElementById("pricePad2").style.visibility="hidden";
//	document.getElementById("pricePad3").style.visibility="hidden";
//
//	document.getElementById("innerPrice1").style.visibility="hidden";
//	document.getElementById("innerPrice2").style.visibility="hidden";
//	document.getElementById("innerPrice3").style.visibility="hidden";
//	document.getElementById("innerPrice4").style.visibility="hidden";
//
//	document.getElementById("price1Drop").style.visibility="hidden";
//	document.getElementById("price2Drop").style.visibility="hidden";
//	document.getElementById("price3Drop").style.visibility="hidden";
//	document.getElementById("price4Drop").style.visibility="hidden";
//
//	document.getElementById("price1").style.visibility="hidden";
//	document.getElementById("price2").style.visibility="hidden";
//	document.getElementById("price3").style.visibility="hidden";
//	document.getElementById("price4").style.visibility="hidden";
//	//steps
//	document.getElementById("p1").style.visibility="hidden";
//	document.getElementById("p2").style.visibility="hidden";
//	document.getElementById("p3").style.visibility="hidden";
//	document.getElementById("p4").style.visibility="hidden";
//	//stepPad	
//	document.getElementById("stepPad1").style.visibility="hidden";
//	document.getElementById("stepPad2").style.visibility="hidden";
//	document.getElementById("stepPad3").style.visibility="hidden";
//	document.getElementById("stepPad4").style.visibility="hidden";
//	//landing
//	document.getElementById("landing").style.visibility="hidden";
//	document.getElementById("apDiv1").style.visibility="hidden";
//	//hypes
//	//1
////	document.getElementById("topHype1").style.color="#5d5d5d";
////	document.getElementById("topHype1a").style.color="#5d5d5d";
////	document.getElementById("topHype1b").style.color="#5d5d5d";
////	document.getElementById("topHype1c").style.color="#5d5d5d";
////	document.getElementById("topHype1d").style.color="#5d5d5d";
////	document.getElementById("topHype1e").style.color="#5d5d5d";
////	//2
////	document.getElementById("topHype2").style.color="#5d5d5d";
////	document.getElementById("topHype2a").style.color="#5d5d5d";
////	document.getElementById("topHype2b").style.color="#5d5d5d";
////	document.getElementById("topHype2c").style.color="#5d5d5d";
////	document.getElementById("topHype2d").style.color="#5d5d5d";
////	//3
////	document.getElementById("topHype3").style.color="#5d5d5d";
////	document.getElementById("topHype3a").style.color="#5d5d5d";
////	document.getElementById("topHype3b").style.color="#5d5d5d";
////	//4
////	document.getElementById("topHype4").style.color="#5d5d5d";
////	document.getElementById("topHype4a").style.color="#5d5d5d";
////	document.getElementById("topHype4b").style.color="#5d5d5d";
////	document.getElementById("topHype4c").style.color="#5d5d5d";
//	starKill();	
//	fadeBB1();
//}
//
//function starKill()
//{
//	document.getElementById("twnk1Div").style.visibility="hidden";
//	document.getElementById("twnk2Div").style.visibility='hidden';
//	document.getElementById("twnk3Div").style.visibility='hidden';
//	document.getElementById("twnk4Div").style.visibility='hidden';
//	document.getElementById("twnk5Div").style.visibility='hidden';
//	document.getElementById("twnk6Div").style.visibility='hidden';
//	document.getElementById("twnk7Div").style.visibility='hidden';
//	document.getElementById("twnk8Div").style.visibility='hidden';
//	document.getElementById("twnk9Div").style.visibility='hidden';
//	document.getElementById("twnk10Div").style.visibility='hidden';
//	document.getElementById("twnk11Div").style.visibility='hidden';
//	document.getElementById("twnk12Div").style.visibility='hidden';
//	document.getElementById("twnk13Div").style.visibility='hidden';
//	document.getElementById("twnk14Div").style.visibility='hidden';
//	document.getElementById("twnk15Div").style.visibility='hidden';
//	document.getElementById("twnk16Div").style.visibility='hidden';
//	document.getElementById("twnk17Div").style.visibility='hidden';
//	document.getElementById("twnk18Div").style.visibility='hidden';
//	document.getElementById("twnk19Div").style.visibility='hidden';
//	document.getElementById("twnk20Div").style.visibility='hidden';
//	document.getElementById("twnk21Div").style.visibility='hidden';
//	document.getElementById("twnk22Div").style.visibility='hidden';
//	document.getElementById("twnk23Div").style.visibility='hidden';
//	document.getElementById("twnk24Div").style.visibility='hidden';
//	document.getElementById("twnk25Div").style.visibility='hidden';
//	document.getElementById("twnk26Div").style.visibility='hidden';
//	document.getElementById("twnk27Div").style.visibility='hidden';
//}
//function starWake()
//{
//	//alert('starWake');
//	document.getElementById("twnk1Div").style.visibility="visible";
//	document.getElementById("twnk2Div").style.visibility='visible';
//	document.getElementById("twnk3Div").style.visibility='visible';
//	document.getElementById("twnk4Div").style.visibility='visible';
//	document.getElementById("twnk5Div").style.visibility='visible';
//	document.getElementById("twnk6Div").style.visibility='visible';
//	document.getElementById("twnk7Div").style.visibility='visible';
//	document.getElementById("twnk8Div").style.visibility='visible';
//	document.getElementById("twnk9Div").style.visibility='visible';
//	document.getElementById("twnk10Div").style.visibility='visible';
//	document.getElementById("twnk11Div").style.visibility='visible';
//	document.getElementById("twnk12Div").style.visibility='visible';
//	document.getElementById("twnk13Div").style.visibility='visible';
//	document.getElementById("twnk14Div").style.visibility='visible';
//	document.getElementById("twnk15Div").style.visibility='visible';
//	document.getElementById("twnk16Div").style.visibility='visible';
//	document.getElementById("twnk17Div").style.visibility='visible';
//	document.getElementById("twnk18Div").style.visibility='visible';
//	document.getElementById("twnk19Div").style.visibility='visible';
//	document.getElementById("twnk20Div").style.visibility='visible';
//	document.getElementById("twnk21Div").style.visibility='visible';
//	document.getElementById("twnk22Div").style.visibility='visible';
//	document.getElementById("twnk23Div").style.visibility='visible';
//	document.getElementById("twnk24Div").style.visibility='visible';
//	document.getElementById("twnk25Div").style.visibility='visible';
//	document.getElementById("twnk26Div").style.visibility='visible';
//	document.getElementById("twnk27Div").style.visibility='visible';
//	//alert('starWake done');
//}
//
//----------------------HOW 1
//
function fadeBB1()// fade in
{
	slidingDiv = document.getElementById("b1");
	if(navigator.appName != 'Microsoft Internet Explorer')
	{
		recOpac = slidingDiv.style.opacity;
		recOpacNew = parseFloat(recOpac)+opacityInc;
		if(recOpacNew < stopOpac)
		{
			slidingDiv.style.opacity=recOpacNew;
			setTimeout(fadeBB1, step);			
		}
		else
		{
			slidingDiv.style.opacity=1;
		}
	}
}
function showBB1()
{
	setAll();
	document.getElementById("b1").style.visibility="visible";
	document.getElementById("how1").style.visibility='visible';	
	document.getElementById("how1a").style.visibility='visible';	
	document.getElementById("topHype2").style.color="#FCA500";
	document.getElementById("topHype2a").style.color="#FCA500";
	starKill();	
	fadeBB1();
}
//
//----------------------HOW 2
//
function fadeBB2()// fade in
{
	slidingDiv = document.getElementById("b2");
	if(navigator.appName != 'Microsoft Internet Explorer')
	{
		recOpac = slidingDiv.style.opacity;
		recOpacNew = parseFloat(recOpac)+opacityInc;
		if(recOpacNew < stopOpac)
		{
			//alert(recOpacNew);
			slidingDiv.style.opacity=recOpacNew;
			setTimeout(fadeBB2, step);			
		}
		else
		{
			slidingDiv.style.opacity=1;
		}
	}
}
function showBB2()
{
	setAll();
	document.getElementById("b1").style.visibility="visible";
	document.getElementById("b1").style.opacity=1.0;
	document.getElementById("b2").style.visibility='visible';
	document.getElementById("how2").style.visibility='visible';	
	document.getElementById("how2a").style.visibility='visible';	
	document.getElementById("how2b").style.visibility='visible';	
	document.getElementById("how2c").style.visibility='visible';	
	document.getElementById("topHype2").style.color="#FCA500";
	document.getElementById("topHype2b").style.color="#FCA500";
	starKill();	
	fadeBB2();
}
//
//----------------------HOW 3
//
function fadeBB3()// fade in
{
	slidingDiv = document.getElementById("b3");
	if(navigator.appName != 'Microsoft Internet Explorer')
	{
		recOpac = slidingDiv.style.opacity;
		recOpacNew = parseFloat(recOpac)+opacityInc;
		if(recOpacNew < stopOpac)
		{
			slidingDiv.style.opacity=recOpacNew;
			setTimeout(fadeBB3, step);			
		}
		else
		{
			slidingDiv.style.opacity=1;
		}
	}
}
function showBB3()
{
	//who
	setAll();
	document.getElementById("b1").style.visibility="visible";
	document.getElementById("b1").style.opacity=1.0;
	document.getElementById("b2").style.visibility='visible';
	document.getElementById("b2").style.opacity=1.0;
	document.getElementById("b3").style.visibility="visible";
	document.getElementById("how3").style.visibility='visible';	
	document.getElementById("how3a").style.visibility='visible';	
	document.getElementById("topHype2").style.color="#FCA500";
	document.getElementById("topHype2c").style.color="#FCA500";
	starKill();	
	fadeBB3();
}
//
//----------------------HOW 4
//
function fadeBB4()// fade in
{
	slidingDiv = document.getElementById("b4");
	if(navigator.appName != 'Microsoft Internet Explorer')
	{
		recOpac = slidingDiv.style.opacity;
		recOpacNew = parseFloat(recOpac)+opacityInc;
		if(recOpacNew < stopOpac)
		{
			slidingDiv.style.opacity=recOpacNew;
			setTimeout(fadeBB4, step);			
		}
		else
		{
			slidingDiv.style.opacity=1;
		}
	}
}
function showBB4()
{
	setAll();
	document.getElementById("b1").style.visibility="visible";
	document.getElementById("b1").style.opacity=1.0;
	document.getElementById("b2").style.visibility='visible';
	document.getElementById("b2").style.opacity=1.0;
	document.getElementById("b3").style.visibility="visible";
	document.getElementById("b3").style.opacity=3.0;
	document.getElementById("b4").style.visibility="visible";
	document.getElementById("how4").style.visibility='visible';	
	document.getElementById("topHype2").style.color="#FCA500";
	document.getElementById("topHype2d").style.color="#FCA500";
	starKill();	
	fadeBB4();
}
//
//----------------------WHO 1
//
function fadeCC1()// fade in
{
	slidingDiv = document.getElementById("c1");
	if(navigator.appName != 'Microsoft Internet Explorer')
	{
		recOpac = slidingDiv.style.opacity;
		recOpacNew = parseFloat(recOpac)+opacityInc;
		if(recOpacNew < stopOpac)
		{
			slidingDiv.style.opacity=recOpacNew;
			setTimeout(fadeCC1, step);			
		}
		else
		{
			slidingDiv.style.opacity=1;
		}
	}
}
function showCC1()
{
	setAll();
	document.getElementById("c1").style.visibility="visible";
	document.getElementById("who1a").style.visibility="visible";
	document.getElementById("who1b").style.visibility="visible";
	document.getElementById("who1c").style.visibility="visible";
	document.getElementById("topHype3").style.color="#FCA500";
	document.getElementById("topHype3a").style.color="#FCA500";
	starKill();
	fadeCC1();
}
//
//----------------------WHO 2
//
function fadeCC2()// fade in
{
	slidingDiv = document.getElementById("c2");
	if(navigator.appName != 'Microsoft Internet Explorer')
	{
		recOpac = slidingDiv.style.opacity;
		recOpacNew = parseFloat(recOpac)+opacityInc;
		if(recOpacNew < stopOpac)
		{
			slidingDiv.style.opacity=recOpacNew;
			setTimeout(fadeCC2, step);			
		}
		else
		{
			slidingDiv.style.opacity=1;
			twinkle();
		}
	}
}
function showCC2()
{
	setAll();
	document.getElementById("c2").style.visibility="visible";
	//alert('who2a');
	document.getElementById("who2a").style.visibility="visible";
	document.getElementById("who2b").style.visibility="visible";
	document.getElementById("topHype3").style.color="#FCA500";
	document.getElementById("topHype3b").style.color="#FCA500";
	starWake();
	fadeCC2();
}
//
//----------------------price 1
//
function fadeDD1()// fade in
{
	slidingDiv = document.getElementById("d1");
	if(navigator.appName != 'Microsoft Internet Explorer')
	{
		recOpac = slidingDiv.style.opacity;
		recOpacNew = parseFloat(recOpac)+opacityInc;
		if(recOpacNew < stopOpac)
		{
			slidingDiv.style.opacity=recOpacNew;
			setTimeout(fadeDD1, step);			
		}
		else
		{
			slidingDiv.style.opacity=1;
			//slideShow1();
		}
	}
}
function showDD1()
{
	setAll();
	document.getElementById("d1").style.visibility="visible";
	document.getElementById("wrap1").style.visibility="visible";
	document.getElementById("wrap2").style.visibility="visible";
	document.getElementById("wrap3").style.visibility="visible";
	document.getElementById("wrap4").style.visibility="visible";

	document.getElementById("innerPrice1").style.visibility="visible";
	document.getElementById("innerPrice2").style.visibility="visible";
	document.getElementById("innerPrice3").style.visibility="visible";
	document.getElementById("innerPrice4").style.visibility="visible";

	document.getElementById("price1Drop").style.visibility="visible";
	document.getElementById("price2Drop").style.visibility="visible";
	document.getElementById("price3Drop").style.visibility="visible";
	document.getElementById("price4Drop").style.visibility="visible";

	document.getElementById("price1").style.visibility="visible";
	document.getElementById("price2").style.visibility="visible";
	document.getElementById("price3").style.visibility="visible";
	document.getElementById("price4").style.visibility="visible";
	//stepPad	
	document.getElementById("stepPad1").style.visibility="visible";
	document.getElementById("stepPad2").style.visibility="visible";
	document.getElementById("stepPad3").style.visibility="visible";
	document.getElementById("stepPad4").style.visibility="visible";
	
	document.getElementById("topHype4").style.color="#FCA500";
	document.getElementById("topHype4a").style.color="#FCA500";
	starKill();	
	fadeDD1();
}
//
//----------------------cost 2
//
function fadeDD2()// fade in
{
	slidingDiv = document.getElementById("d2");
	if(navigator.appName != 'Microsoft Internet Explorer')
	{
		recOpac = slidingDiv.style.opacity;
		recOpacNew = parseFloat(recOpac)+opacityInc;
		if(recOpacNew < stopOpac)
		{
			slidingDiv.style.opacity=recOpacNew;
			setTimeout(fadeDD2, step);			
		}
		else
		{
			slidingDiv.style.opacity=1;
		}
	}
}
function showDD2()
{
	setAll();
	document.getElementById("d2").style.visibility="visible";
	document.getElementById("titPex1").style.visibility="visible";
	document.getElementById("titPex2").style.visibility="visible";
	document.getElementById("titPex3").style.visibility="visible";
	document.getElementById("innerPex1").style.visibility="visible";
	document.getElementById("innerPex2").style.visibility="visible";
	document.getElementById("innerPex3").style.visibility="visible";

	document.getElementById("pricePad1").style.visibility="visible";
	document.getElementById("pricePad2").style.visibility="visible";
	document.getElementById("pricePad3").style.visibility="visible";

	document.getElementById("pex1Drop").style.visibility="visible";
	document.getElementById("pex2Drop").style.visibility="visible";
	document.getElementById("pex3Drop").style.visibility="visible";
	document.getElementById("topHype4").style.color="#FCA500";
	document.getElementById("topHype4b").style.color="#FCA500";
	starKill();	
	fadeDD2();
}
//
//----------------------cost 3
//
var grow = 2;
var time = 10;
var yes2DoTemp;
function enterText()
{
	var yes2Do = document.getElementById("finalText");
	yes2DoTemp = parseInt(yes2Do.style.width);
	//alert('ololw yes2DoTemp '+yes2DoTemp);
	if(navigator.appName == 'Microsoft Internet Explorer')
	{		
		grow = 20;
	}
	if(navigator.appName == 'Opera')
	{		
		grow = 500;
		time = 2;
	}
	if (yes2DoTemp < 500 )
	{
		yes2Do.style.width = yes2DoTemp + grow + "px";
		setTimeout(enterText, time);
	}
	else
	{
		yes2Do.style.width = "500px";
	}
}
function fadeDD3()// fade in
{
	slidingDiv = document.getElementById("d3");
	if(navigator.appName != 'Microsoft Internet Explorer')
	{
		recOpac = slidingDiv.style.opacity;
		recOpacNew = parseFloat(recOpac)+opacityInc;
		if(recOpacNew < stopOpac)
		{
			slidingDiv.style.opacity=recOpacNew;
			setTimeout(fadeDD3, step);			
		}
		else
		{
			slidingDiv.style.opacity=1;
			setTimeout(enterText,1500);
		}
	}
	else
	{
			setTimeout(enterText,1500);
	}
}
function showDD3()
{
	//cost
	setAll();
	document.getElementById("d3").style.visibility="visible";
	document.getElementById("topHype4").style.color="#FCA500";
	document.getElementById("topHype4c").style.color="#FCA500";
	starKill();	
	fadeDD3();
}