// JavaScript Document

var iSelectedStepButton = 1;

function setStep(iStepNumber, sState)
{
	
	var oImage = null;
	
	if (iStepNumber == 1)
		oImage = document.getElementById("Image1");
	
	else if (iStepNumber == 2)
		oImage = document.getElementById("Image2");
			
	else if (iStepNumber == 3)
		oImage = document.getElementById("Image3");
	
	else if (iStepNumber == 4)
		oImage = document.getElementById("Image4");
		
	if (sState == "on")
	{
		iSelectedStepButton = iStepNumber;

		document.getElementById("StepButtonsDiv")._visible = false;
		document.getElementById("StepButtonsDiv")._visible = true;
	
		setStep(1, "off");
		setStep(2, "off");
		setStep(3, "off");
		setStep(4, "off");
		
		/*document.getElementById("StepTextDiv").style.background="url(images/" + iStepNumber + ".gif)";
		document.getElementById("StepTextDiv"+ iStepNumber)._visible = true;
		document.getElementById("StepTextDiv"+ iStepNumber)._visible = false; */
		
				
		if (iStepNumber == 1) {
			showDiv("StartNowDiv");
			showDiv("StepTextDiv1");
			hideDiv(document.getElementById("StepTextDiv2"));
			hideDiv(document.getElementById("StepTextDiv3"));
			hideDiv(document.getElementById("StepTextDiv4"));
		}
		
		else if (iStepNumber == 2)
			 {
			hideDiv(document.getElementById("StartNowDiv"));
			showDiv("StepTextDiv2");
			hideDiv(document.getElementById("StepTextDiv4"));
			hideDiv(document.getElementById("StepTextDiv3"));
			hideDiv(document.getElementById("StepTextDiv1"));
		} 
		
		else if (iStepNumber == 3)
			 {
			hideDiv(document.getElementById("StartNowDiv"));
			showDiv("StepTextDiv3");
			hideDiv(document.getElementById("StepTextDiv2"));
			hideDiv(document.getElementById("StepTextDiv4"));
			hideDiv(document.getElementById("StepTextDiv1"));
		} 
		
		else if (iStepNumber == 4)
			 {
			showDiv("StartNowDiv");
			showDiv("StepTextDiv4");
			hideDiv(document.getElementById("StepTextDiv2"));
			hideDiv(document.getElementById("StepTextDiv3"));
			hideDiv(document.getElementById("StepTextDiv1"));
		} 
			
		else
			hideDiv(document.getElementById("StartNowDiv"));
	}
		
	if (sState == "off" & iStepNumber == iSelectedStepButton)
		sState = "on";

	oImage.src=oImage.getAttribute(sState + "src");
	
	// Paint the help text for selected step
}

function hideDiv(div)
{
	div.style.visibility = 'hidden';
}

function showDiv(divName)
{
   document.getElementById('More1Div').style.visibility = 'hidden';

    document.getElementById('More2Div').style.visibility = 'hidden';

    document.getElementById('More3Div').style.visibility = 'hidden';

    document.getElementById('WhatsNewDiv').style.visibility = 'hidden';

    document.getElementById('PricingDiv').style.visibility = 'hidden';
    
    document.getElementById('TwentyPercentOffDetailDiv').style.visibility = 'hidden'; 

	document.getElementById(divName).style.visibility = 'visible';
	
	
}

function beginNow()
{
	if ((screen.width<=1280) && (screen.height<=768))
      {
        if(navigator.appName == "Netscape")
         {
          winName=window.open ("DYO-Login.aspx","mywindow"+ ++winCount,"menubar=0,status=0,toolbar=0,resizable=1,height=660,scrollbars=1, width=1019px,left=50,top=30"); 
         }
        else
         {
          winName=window.open ("DYO-Login.aspx","mywindow"+ ++winCount,"menubar=0,status=0,toolbar=0,resizable=1,height=660,scrollbars=1, width=1019px,left=50,top=30"); 
         }
      }
      else
      {
         winName=window.open ("DYO-Login.aspx","mywindow"+ ++winCount,"menubar=0,status=0,toolbar=0,resizable=1,height=660,scrollbars=0, width=1000px,left=50,top=30"); 
      }
}

function viewDemo()
{
	alert("Feature not yet implemented!");
}

var mainImages = new Array("mainImage1.gif", "mainImage2.gif", "mainImage3.gif", "mainImage4.gif", "mainImage5.gif");

var currentMainImage = 1;

function nextMainImage()
{
	if (++currentMainImage > 5)
		currentMainImage = 1;

	document.getElementById("MainImage").src="images/mainImage" + currentMainImage + ".png";
}

	function hoverCell(cell)
	{
		cell.className = "DepressContent";
	}
	
	function unHoverCell(cell)
	{
		cell.className = null;
	}
