var pages = 		  new Array("home", "story", "fun", "authors", "buy", "links", "contact");
var activatedColors = new Array("#FF66CC","#62a6c9","green","#ecea2d","#2f6a49", "#9d9c6b", "#6d37a4");
function show(obj) {
	var newContent=document.getElementById(obj+'Content');
	newContent.style.display='';
   	var newTab = document.getElementById(obj+'Tab');
   	newTab.className='active';
   	for (var i = 0; i < pages.length; i++) {
   		if (pages[i] != obj)	{
   			var old=document.getElementById(pages[i]+'Content');
   			old.style.display='none';
   			var tab = document.getElementById(pages[i]+'Tab');
   			tab.className='';
   		} 
   		else {

   		   	changeBorderColorPerm(activatedColors[i]);
   		   	displayCharacters(i);
   		}
	}
}

function changeBorder(colorNumber) {
	changeBorderColorTemp(activatedColors[colorNumber]);
	displayCharacters(colorNumber);
}

function displayCharacters(obj) {
		var flossie=document.getElementById('flossie');
		var gator=document.getElementById('gator');
		var turtle=document.getElementById('turtle');
		var skatingHyena=document.getElementById('skatingHyena');
		var skatingTurtle=document.getElementById('skatingTurtle');
		var lazyCroc=document.getElementById('lazyCroc');
		var owl=document.getElementById('owl');
		var hiking=document.getElementById('hiking');
		var skatingFlossie=document.getElementById('skatingFlossie');
		var skatingGator=document.getElementById('skatingGator');
		var farmerBilly=document.getElementById('farmerBilly');
		var pumpkin=document.getElementById('pumpkin');
		/* home */
		if (obj == '0'){
			flossie.style.display='';
			gator.style.display='none';
			turtle.style.display='none';
			skatingTurtle.style.display='none';
			skatingHyena.style.display='none';
			lazyCroc.style.display='none';
			hiking.style.display='none';
			skatingFlossie.style.display='none';
			farmerBilly.style.display='none';
			skatingGator.style.display='none';
			pumpkin.style.display='none';
			}
		/*story*/
		else if (obj == '1') {
			flossie.style.display='none';
			gator.style.display='';
			turtle.style.display='';
			skatingTurtle.style.display='none';
			skatingHyena.style.display='none';
			lazyCroc.style.display='none';
			owl.style.display='none';
			hiking.style.display='none';
			skatingFlossie.style.display='none';
			farmerBilly.style.display='none';
			skatingGator.style.display='none';
			pumpkin.style.display='none';
		}
		/* fun */
		else if (obj == '2') {
			flossie.style.display='none';
			skatingTurtle.style.display='';
			skatingHyena.style.display='';
			turtle.style.display='none';
			gator.style.display='none';
			lazyCroc.style.display='none';
			owl.style.display='none';
			hiking.style.display='none';
			skatingFlossie.style.display='none';
			farmerBilly.style.display='none';
			skatingGator.style.display='none';
			pumpkin.style.display='none';
		} 
		/* authors */
		else if (obj == '3') {
			flossie.style.display='none';
			skatingTurtle.style.display='none';
			skatingHyena.style.display='none';
			turtle.style.display='none';
			gator.style.display='none';
			lazyCroc.style.display='none';
			owl.style.display='none';
			hiking.style.display='none';
			skatingFlossie.style.display='';
			farmerBilly.style.display='none';
			skatingGator.style.display='';
			pumpkin.style.display='none';
		} 
		/* buy */
		else if (obj == '4') {
			flossie.style.display='none';
			skatingTurtle.style.display='none';
			skatingHyena.style.display='none';
			turtle.style.display='none';
			gator.style.display='none';
			lazyCroc.style.display='none';
			owl.style.display='none';
			hiking.style.display='';
			skatingFlossie.style.display='none';
			farmerBilly.style.display='none';
			skatingGator.style.display='none';
			pumpkin.style.display='none';
		} 
		/* links */
		else if (obj == '5') {
			flossie.style.display='none';
			gator.style.display='none';
			turtle.style.display='none';
			skatingTurtle.style.display='none';
			skatingHyena.style.display='none';
			lazyCroc.style.display='';
			owl.style.display='none';
			hiking.style.display='none';
			skatingFlossie.style.display='none';
			farmerBilly.style.display='none';
			skatingGator.style.display='none';
			pumpkin.style.display='';
		}
		/* contact */
		else if (obj == '6') {
			flossie.style.display='none';
			gator.style.display='none';
			turtle.style.display='none';
			skatingTurtle.style.display='none';
			skatingHyena.style.display='none';
			lazyCroc.style.display='none';
			owl.style.display='';
			hiking.style.display='none';
			skatingFlossie.style.display='none';
			farmerBilly.style.display='';
			skatingGator.style.display='none';
			pumpkin.style.display='none';
		}else {
			flossie.style.display='none';
			gator.style.display='none';
			turtle.style.display='none';
			skatingTurtle.style.display='none';
			skatingHyena.style.display='none';
			lazyCroc.style.display='none';
			owl.style.display='none';
			hiking.style.display='none';
			skatingFlossie.style.display='none';
			farmerBilly.style.display='none';
			skatingGator.style.display='none';
			pumpkin.style.display='none';
		}
}

/** utility methods */
function displayCharNum(color) {
	if (color == 'rgb(47, 106, 73)' || color == '#2f6a49') {
		displayCharacters('4');
	} else if (color == 'rgb(98, 166, 201)'  || color == '#62a6c9') {
		displayCharacters('1');
	} else if (color == 'green') {
		displayCharacters('2');
	} else if (color=='rgb(236, 234, 45)' || color == '#ecea2d') {
		displayCharacters('3');
	} else if (color=='rgb(109, 55, 164)' || color == '#6d37a4') {
		displayCharacters('6');
	} else if (color=='rgb(157, 156, 107)' || color == '#9d9c6b') {
		displayCharacters('5');
	} else  {
		displayCharacters('0');
	}
}

function changeBorderBack() {
	var contentElement=document.getElementById('content');
   	var permColor = contentElement.style.color;
   	changeBorderColorTemp(permColor);
	displayCharNum(permColor);
   	
}

function changeBorderColorTemp(color) {
	var contentElement=document.getElementById('content');
	contentElement.style.border = '5px solid '+color;
}

function changeBorderColorPerm(color) {
	var contentElement=document.getElementById('content');
	contentElement.style.border = '5px solid '+color;
	contentElement.style.color = color;
}

/** email **/
function collapseElem(obj)
{
	var el = document.getElementById(obj);
	el.style.display = 'none';
}


function expandElem(obj)
{
	var el = document.getElementById(obj);
	el.style.display = '';
}


	// collapse all elements, except the first one
	function collapseAll()
	{
		var numFormPages = 1;

		for(i=2; i <= numFormPages; i++)
		{
			currPageId = ('mainForm_' + i);
			collapseElem(currPageId);
		}
	}


	function validateField(fieldId, fieldBoxId, fieldType, required)
	{
		fieldBox = document.getElementById(fieldBoxId);
		fieldObj = document.getElementById(fieldId);

		if(fieldType == 'text'  ||  fieldType == 'textarea'  ||  fieldType == 'password'  ||  fieldType == 'file'  ||  fieldType == 'phone'  || fieldType == 'website')
		{	
			if(required == 1 && fieldObj.value == '')
			{
				fieldObj.setAttribute("class","mainFormError");
				fieldObj.setAttribute("className","mainFormError");
				fieldObj.focus();
				return false;					
			}

		}


		else if(fieldType == 'menu'  || fieldType == 'country'  || fieldType == 'state')
		{	
			if(required == 1 && fieldObj.selectedIndex == 0)
			{				
				fieldObj.setAttribute("class","mainFormError");
				fieldObj.setAttribute("className","mainFormError");
				fieldObj.focus();
				return false;					
			}

		}


		else if(fieldType == 'email')
		{	
			if((required == 1 && fieldObj.value=='')  ||  (fieldObj.value!=''  && !validate_email(fieldObj.value)))
			{				
				fieldObj.setAttribute("class","mainFormError");
				fieldObj.setAttribute("className","mainFormError");
				fieldObj.focus();
				return false;					
			}

		}



	}

	function validate_email(emailStr)
	{		
		apos=emailStr.indexOf("@");
		dotpos=emailStr.lastIndexOf(".");

		if (apos<1||dotpos-apos<2) 
		{
			return false;
		}
		else
		{
			return true;
		}
	}


	function validateDate(fieldId, fieldBoxId, fieldType, required,  minDateStr, maxDateStr)
	{
		retValue = true;

		fieldBox = document.getElementById(fieldBoxId);
		fieldObj = document.getElementById(fieldId);	
		dateStr = fieldObj.value;


		if(required == 0  && dateStr == '')
		{
			return true;
		}


		if(dateStr.charAt(2) != '/'  || dateStr.charAt(5) != '/' || dateStr.length != 10)
		{
			retValue = false;
		}	

		else	// format's okay; check max, min
		{
			currDays = parseInt(dateStr.substr(0,2),10) + parseInt(dateStr.substr(3,2),10)*30  + parseInt(dateStr.substr(6,4),10)*365;
			//alert(currDays);

			if(maxDateStr != '')
			{
				maxDays = parseInt(maxDateStr.substr(0,2),10) + parseInt(maxDateStr.substr(3,2),10)*30  + parseInt(maxDateStr.substr(6,4),10)*365;
				//alert(maxDays);
				if(currDays > maxDays)
					retValue = false;
			}

			if(minDateStr != '')
			{
				minDays = parseInt(minDateStr.substr(0,2),10) + parseInt(minDateStr.substr(3,2),10)*30  + parseInt(minDateStr.substr(6,4),10)*365;
				//alert(minDays);
				if(currDays < minDays)
					retValue = false;
			}
		}

		if(retValue == false)
		{
			fieldObj.setAttribute("class","mainFormError");
			fieldObj.setAttribute("className","mainFormError");
			fieldObj.focus();
			return false;
		}
	}