// JavaScript Document


// For BOYS

	var upperImage = new Array();
	upperImage[0] = "../images/uj_pdtfeboy_pdt8.gif";
	upperImage[1] = "../images/uj_pdtfeboy_pdt7.gif";
	upperImage[2] = "../images/uj_pdtfeboy_pdt6.gif";
	upperImage[3] = "../images/uj_pdtfeboy_pdt5.gif";
	upperImage[4] = "../images/uj_pdtfeboy_pdt4.gif";
	upperImage[5] = "../images/uj_pdtfeboy_pdt3.gif";
	upperImage[6] = "../images/uj_pdtfeboy_pdt2.gif";
	upperImage[7] = "../images/uj_pdtfeboy_pdt1.gif";
	
	var lowerImage = new Array();
	lowerImage[0] = "../images/uj_pdtfeboy_pdt8_2.gif";
	lowerImage[1] = "../images/uj_pdtfeboy_pdt7_2.gif";
	lowerImage[2] = "../images/uj_pdtfeboy_pdt6_2.gif";
	lowerImage[3] = "../images/uj_pdtfeboy_pdt5_2.gif";
	lowerImage[4] = "../images/uj_pdtfeboy_pdt4_2.gif";
	lowerImage[5] = "../images/uj_pdtfeboy_pdt3_2.gif";
	lowerImage[6] = "../images/uj_pdtfeboy_pdt2_2.gif";
	lowerImage[7] = "../images/uj_pdtfeboy_pdt1_2.gif";
	
	var textChange = new Array();
	textChange[0] = "Large, Front – Design 1";
	textChange[1] = "Large, Back – Design 1";
	textChange[2] = "Large, Front – Design 2";
	textChange[3] = "Large, Back – Design 2";
	textChange[4] = "Small, Front – Design 1";
	textChange[5] = "Small, Back – Design 1";
	textChange[6] = "Small, Front – Design 2";
	textChange[7] = "Small, Back – Design 2";
	
	var altChange = new Array();
	altChange[0] = "UnderJams Large, Front – Design 1";
	altChange[1] = "UnderJams Large, Back – Design 1";
	altChange[2] = "UnderJams Large, Front – Design 2";
	altChange[3] = "UnderJams Large, Back – Design 2";
	altChange[4] = "UnderJams Small, Front – Design 1";
	altChange[5] = "UnderJams Small, Back – Design 1";
	altChange[6] = "UnderJams Small, Front – Design 2";
	altChange[7] = "UnderJams Small, Back – Design 2";	


// For GIRLS

	var upperImageGirl = new Array();
	upperImageGirl[0] = "../images/uj_pdtfegirl_pdt8.gif";
	upperImageGirl[1] = "../images/uj_pdtfegirl_pdt7.gif";
	upperImageGirl[2] = "../images/uj_pdtfegirl_pdt6.gif";
	upperImageGirl[3] = "../images/uj_pdtfegirl_pdt5.gif";
	upperImageGirl[4] = "../images/uj_pdtfegirl_pdt4.gif";
	upperImageGirl[5] = "../images/uj_pdtfegirl_pdt3.gif";
	upperImageGirl[6] = "../images/uj_pdtfegirl_pdt2.gif";
	upperImageGirl[7] = "../images/uj_pdtfegirl_pdt1.gif";
	
	var lowerImageGirl = new Array();
	lowerImageGirl[0] = "../images/uj_pdtfegirl_pdt8_2.gif";
	lowerImageGirl[1] = "../images/uj_pdtfegirl_pdt7_2.gif";
	lowerImageGirl[2] = "../images/uj_pdtfegirl_pdt6_2.gif";
	lowerImageGirl[3] = "../images/uj_pdtfegirl_pdt5_2.gif";
	lowerImageGirl[4] = "../images/uj_pdtfegirl_pdt4_2.gif";
	lowerImageGirl[5] = "../images/uj_pdtfegirl_pdt3_2.gif";
	lowerImageGirl[6] = "../images/uj_pdtfegirl_pdt2_2.gif";
	lowerImageGirl[7] = "../images/uj_pdtfegirl_pdt1_2.gif";

	

function validRequired(formField)
{	
	var result = true;
	if (formField.value == "")
	{
		result = false;
	}
	return result;
}

function validCharactersName(formField)
{
  var result = true;
  var stringto = trim(formField.value);
  if (!(stringto.search(/^([a-zA-Zé\-]*[ ]*[a-zA-Zé\-]*)*$/) != -1)) {
      result = false;
  }
  return result;
}


function validCityName(formField)
{
  var result = true;
  var stringto = trim(formField.value);
  if (!(stringto.search(/^([a-zA-Zé\-]*[. ]*[a-zA-Zé\-]*)*$/) != -1)) {
      result = false;
  }
  return result;
}

function trim(s) {
  while (s.substring(0,1) == ' ') {
     s = s.substring(1,s.length);
    }
    while (s.substring(s.length-1,s.length) == ' ') {
     s = s.substring(0,s.length-1);
    }
    return s;
}

function changeImage(moveValue)
{
	if(moveValue == 'next')
	{
		var incValue = eval(document.getElementById('hidIndex').value);
		document.getElementById('prevClick').style.cursor='pointer';
		if(!(incValue >= 7))
		{	
			var incValue = eval(document.getElementById('hidIndex').value) + eval(1);
			document.getElementById('hidIndex').value = incValue;
			document.getElementById('topImage').src = upperImage[incValue];
			document.getElementById('bottomImage').src = lowerImage[incValue];
			document.getElementById('textId').innerHTML = textChange[incValue];
			document.getElementById('topImage').alt = altChange[incValue];
			document.getElementById('topImage').title = altChange[incValue];
			document.getElementById('bottomImage').alt = altChange[incValue];
			document.getElementById('bottomImage').title = altChange[incValue];
			document.getElementById('nextClick').style.cursor='pointer';
		}
		else
		{
			document.getElementById('hidIndex').value = 7;
			document.getElementById('nextClick').style.cursor='';
		}
	}
	else if(moveValue == 'prev')
	{
		var decValue = eval(document.getElementById('hidIndex').value);
		document.getElementById('nextClick').style.cursor='pointer';
		if(!(decValue <= 0))
		{		
			var decValue = eval(document.getElementById('hidIndex').value) - eval(1);
			document.getElementById('hidIndex').value = decValue;
			document.getElementById('topImage').src = upperImage[decValue];
			document.getElementById('bottomImage').src = lowerImage[decValue];
			document.getElementById('textId').innerHTML = textChange[decValue];
			document.getElementById('topImage').alt = altChange[decValue];
			document.getElementById('topImage').title = altChange[decValue];
			document.getElementById('bottomImage').alt = altChange[decValue];
			document.getElementById('bottomImage').title = altChange[decValue];
			document.getElementById('prevClick').style.cursor='pointer';
		}
		else
		{
			document.getElementById('hidIndex').value = 0;
			document.getElementById('prevClick').style.cursor='';
		}
	}
}



// For GIRL


function changeImageGirl(moveValue)
{

	if(moveValue == 'next')
	{
		var incValue = eval(document.getElementById('hidIndex').value);
		document.getElementById('prevClick').style.cursor='pointer';
		if(!(incValue >= 7))
		{	
			var incValue = eval(document.getElementById('hidIndex').value) + eval(1);
			document.getElementById('hidIndex').value = incValue;
			document.getElementById('topImage').src = upperImageGirl[incValue];
			document.getElementById('bottomImage').src = lowerImageGirl[incValue];
			document.getElementById('textId').innerHTML = textChange[incValue];
			document.getElementById('topImage').alt = altChange[incValue];
			document.getElementById('topImage').title = altChange[incValue];
			document.getElementById('bottomImage').alt = altChange[incValue];
			document.getElementById('bottomImage').title = altChange[incValue];
			document.getElementById('nextClick').style.cursor='pointer';
		}
		else
		{
			document.getElementById('hidIndex').value = 7;
			document.getElementById('nextClick').style.cursor='';
		}
	}
	else if(moveValue == 'prev')
	{
		var decValue = eval(document.getElementById('hidIndex').value);
		document.getElementById('nextClick').style.cursor='pointer';
		if(!(decValue <= 0))
		{		
			var decValue = eval(document.getElementById('hidIndex').value) - eval(1);
			document.getElementById('hidIndex').value = decValue;
			document.getElementById('topImage').src = upperImageGirl[decValue];
			document.getElementById('bottomImage').src = lowerImageGirl[decValue];
			document.getElementById('textId').innerHTML = textChange[decValue];
			document.getElementById('topImage').alt = altChange[decValue];
			document.getElementById('topImage').title = altChange[decValue];
			document.getElementById('bottomImage').alt = altChange[decValue];
			document.getElementById('bottomImage').title = altChange[decValue];
			document.getElementById('prevClick').style.cursor='pointer';
		}
		else
		{
			document.getElementById('hidIndex').value = 0;
			document.getElementById('prevClick').style.cursor='';
		}
	}
}