//what follows is a function for switching between the pages of the tabbed navigation

var pages=new Array("page1","page2","page3","page4");
var tabs=new Array("tab1","tab2","tab3","tab4");
var currentTab;
var counter;

function pageFlip(currentTab)
{
	for(counter in tabs)
	{
		if(tabs[counter].indexOf(currentTab)!=-1)
		{
			document.getElementById(tabs[counter]).style.backgroundColor="#C2C2C2";
			document.getElementById(tabs[counter]).style.height="27px";
			document.getElementById(tabs[counter]).style.fontWeight="700";
			document.getElementById(tabs[counter]).style.borderBottom="white";
			document.getElementById(tabs[counter]).style.zIndex="2";
			document.getElementById(pages[counter]).style.zIndex="1";
			
		}
		else
		{
			document.getElementById(tabs[counter]).style.backgroundColor="gray";
			document.getElementById(tabs[counter]).style.height="23px";
			document.getElementById(tabs[counter]).style.fontWeight="400";
			document.getElementById(tabs[counter]).style.borderBottom="black";
			document.getElementById(tabs[counter]).style.zIndex="1";
			document.getElementById(pages[counter]).style.zIndex="-1";
		}
	}

}

//form checking


var RegXName=/^[a-zA-Z\-]+$/i;
var RegXemail=/^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
var RegXpre=/^\d{3}$/;
var RegXsuf=/^\d{4}$/;
var i=0;


function formcheck()
{
			

	check(RegXName,"fname","first");
	check(RegXName,"lname","second");
	check(RegXemail,"email","third");
	check(RegXpre,"areacode","fourth");
	check(RegXpre,"prefix","fourth");
	check(RegXsuf,"suffix","fourth");

	if(i==0)
	{
		window.location="thanks.php";
	}else
	{
		return false;
	}
				
}

function check(RegX,item,target)
{
			
	if (RegX.test(document.getElementById(item).value))
	{
		return true;
	}else
	{
		document.getElementById(target).style.color="red";
		document.getElementById("warning").innerHTML="The entries marked in red are not valid. Please try again.";
		i+=1;
	}

}



//skin switching

function skin_switch(first,second,third)
{
	document.getElementById("mainstyle").href=first;
	if(document.getElementById("secondstyle")){
	document.getElementById("secondstyle").href=second;}
	if(document.getElementById("thirdstyle")){
	document.getElementById("thirdstyle").href=third;}
}