// White Pond Design JavaScript Document


if (document.images) {
	tttlogo_img = new Image
	tttlogo_smile_img = new Image
	ttt_nominal_img = new Image
	ttt_checked_img = new Image
	
	lldd_header_img = new Image
	lldd_header_sel_img = new Image
	
	wp_method_img = new Image
	wp_method_listen_img = new Image
	wp_method_learn_img = new Image
	wp_method_design_img = new Image
	wp_method_deliver_img = new Image

	wp_methodNav2_1 = new Image
	wp_methodNav2_2 = new Image
	wp_methodNav2_3 = new Image
	wp_methodNav2_4 = new Image

	wp_method3_1 = new Image
	wp_method3_2 = new Image
	wp_method3_3 = new Image
	wp_method3_4 = new Image
	wp_method3_5 = new Image
	wp_method3_6 = new Image

	wp_methodNav3_1 = new Image
	wp_methodNav3_2 = new Image
	wp_methodNav3_3 = new Image
	wp_methodNav3_4 = new Image

    tttlogo_img.src = "images/wp_ttt_logo.png"
	tttlogo_smile_img.src = "images/wp_ttt_logo_smile.png"
	ttt_nominal_img.src = "images/wp_ttt_nominal.png"
	ttt_checked_img.src = "images/wp_ttt_checked.png"
	
	lldd_header_img.src = "images/wp_lldd_header.png"
	lldd_header_sel_img.src = "images/wp_lldd_header_sel.png"
	
	wp_method_img.src = "images/wp_method.png"
	wp_method_listen_img.src = "images/wp_method_listen.png"
	wp_method_learn_img.src = "images/wp_method_learn.png"
	wp_method_design_img.src = "images/wp_method_design.png"
	wp_method_deliver_img.src = "images/wp_method_deliver.png"
	
	wp_methodNav2_1.src = "images/wp_methodNav2_1.gif"
	wp_methodNav2_2.src = "images/wp_methodNav2_2.gif"
	wp_methodNav2_3.src = "images/wp_methodNav2_3.gif"
	wp_methodNav2_4.src = "images/wp_methodNav2_4.gif"
	
	wp_methodNav3_1.src = "images/wp_methodNav3_1.gif"
	wp_methodNav3_2.src = "images/wp_methodNav3_2.gif"
	wp_methodNav3_3.src = "images/wp_methodNav3_3.gif"
	wp_methodNav3_4.src = "images/wp_methodNav3_4.gif"
		
	wp_method3_1.src = "images/wp_method3_1.gif"
	wp_method3_2.src = "images/wp_method3_2.gif"
	wp_method3_3.src = "images/wp_method3_3.gif"
	wp_method3_4.src = "images/wp_method3_4.gif"
	wp_method3_5.src = "images/wp_method3_5.gif"
	wp_method3_6.src = "images/wp_method3_6.gif"
	
}
else {
	tttlogo_img = ""
	tttlogo_smile_img = ""
	ttt_nominal_img = ""
	ttt_checked_img = ""
	
	lldd_header_img = ""
	lldd_header_sel_img = ""

	wp_method_img = ""
	wp_method_listen_img = ""
	wp_method_learn_img = ""
	wp_method_design_img = ""
	wp_method_deliver_img = ""

	wp_methodNav2_1 = ""
	wp_methodNav2_2 = ""
	wp_methodNav2_3 = ""
	wp_methodNav2_4 = ""
	
	wp_methodNav3_1 = ""
	wp_methodNav3_2 = ""
	wp_methodNav3_3 = ""
	wp_methodNav3_4 = ""
	
	wp_method3_1 = ""
	wp_method3_2 = ""
	wp_method3_3 = ""
	wp_method3_4 = ""
	wp_method3_5 = ""
	wp_method3_6 = ""
	
}

// array of "normal state" images
var normalImages = new Array('images/wp_methodNav1n.gif', 'images/wp_methodNav2n.gif', 'images/wp_methodNav3n.gif', 'images/wp_methodNav4n.gif');

// array of "hover state" images
var hoverImages = new Array('images/wp_methodNav1h.gif', 'images/wp_methodNav2h.gif', 'images/wp_methodNav3h.gif', 'images/wp_methodNav4h.gif');

// array of "click state" images
var clickImages = new Array('images/wp_methodNav1c.gif', 'images/wp_methodNav2c.gif', 'images/wp_methodNav3c.gif', 'images/wp_methodNav4c.gif');

// this function is called on page load
// it preloads all the hover and click images
// for faster swap response time
function preloadImages() 
{
	var i=0;

	objImage = new Image();

	for	(i=1; i<=hoverImages.length; i++)
	{
		objImage.src = hoverImages[i];
	}

	for	(i=1; i<=clickImages.length; i++)
	{
		objImage.src = clickImages[i];
	}

}

// this function resets all the images to their "normal" state // used when clicking on an image, to reset all images 
function resetAll()
{
	for	(i=1; i<=normalImages.length; i++)
	{
		obj = eval('document.wp_methodNav' + i);
		//obj = eval('document.image' + i);
		obj.src = normalImages[i-1];
	}

}

// used on mouseover
// swap the named image into "hover" state
// but only if it is not already in "click" state
function setHover(num)
{
	//obj = eval('document.image' + num);
	obj = eval('document.wp_methodNav' + num);
	str = obj.src;

	if (str.search(clickImages[num-1]) == -1)
	{
		obj.src = hoverImages[num-1];
	}
}

// swap the named image into "click" state
// previously clicked images must go back to "normal" state first 
function setClick(num) {
	resetAll();
	obj = eval('document.wp_methodNav' + num);
	//obj = eval('document.image' + num);
	obj.src = clickImages[num-1];
}

// used on mouseout
// swap the named image into "normal" state
// but only if it is not already in "click" state
function setNormal(num)
{
	obj = eval('document.wp_methodNav' + num);
	//obj = eval('document.image' + num);
	str = obj.src;

	if (str.search(clickImages[num-1]) == -1)
	{
		obj.src = normalImages[num-1];
	}
}

function swapImage(thisImage, newImage) {
	if (document.images) {
		document[thisImage].src = eval(newImage + ".src")
	}
}

function transitionState(targetMain, replaceMain, time, altText, position) {
	swapfade(targetMain, replaceMain, time, altText);
	setClick(position);
}

function transition1 () {
	setTimeout("transitionState(document.getElementById('wp_method3'), 'images/wp_method3_2.gif', '2', 'wp method3', 1)", 100);
	//alert('1');
	setTimeout("transitionState(document.getElementById('wp_method3'), 'images/wp_method3_3.gif', '2', 'wp method3', 1)", 2300);
	//alert('2');
	setTimeout("transitionState(document.getElementById('wp_method3'), 'images/wp_method3_4.gif', '2', 'wp method3', 1)", 4000);
	//alert('3');
	setTimeout("transitionState(document.getElementById('wp_method3'), 'images/wp_method3_5.gif', '2', 'wp method3', 1)", 6400);
	//alert('3');
}

//Ajax code
      // Get the HTTP Object
      function getHTTPObject(){
          if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");
               else if (window.XMLHttpRequest) return new XMLHttpRequest();
          else if (window.XMLHttpRequest) {
               return new XMLHttpRequest();
          }
      }
      
      // Change the value of the outputText field
      function setTTTScore(){
         if(httpObject.readyState == 4){
              // 200 means "OK"
              if (httpObject.status==200){
                 document.getElementById('outputText2').value = httpObject.responseText;
                 //document.getElementById('outputText2_old').value = httpObject.responseText;
              } else {
                 alert("There was a problem in the returned data:\n");
              }
         }

      }

	      // Change the value of the outputText field
      function setTTTImage(){
         if(httpObject.readyState == 4){
              // 200 means "OK"
              if (httpObject.status==200){
                 document['tttlogo'].src = eval(httpObject.responseText);
              } else {
                 alert("There was a problem in the returned data:\n");
              }
         }

      }

	function getTTTScore2(){
		httpObject = getHTTPObject();
		if (httpObject != null) {
			
			var checkboxVal1 = "unchecked";
			var checkboxVal2 = "unchecked";
			var checkboxVal3 = "unchecked";
			var checkboxVal4 = "unchecked";
			var checkboxVal5 = "unchecked";
			var checkboxVal6 = "unchecked";
			var checkboxVal7 = "unchecked";
			var checkboxVal8 = "unchecked";
			var checkboxVal9 = "unchecked";
			var checkboxVal10 = "unchecked";
			var checkboxVal11 = "unchecked";
			var checkboxVal12 = "unchecked";
			var checkboxVal13 = "unchecked";
			var checkboxVal14 = "unchecked";
			var checkboxVal15 = "unchecked";
			var checkboxVal16 = "unchecked";
			var checkboxVal17 = "unchecked";
			var checkboxVal18 = "unchecked";
			var checkboxVal19 = "unchecked";
			var checkboxVal20 = "unchecked";
			var checkboxVal21 = "unchecked";
			var checkboxVal22 = "unchecked";
			var checkboxVal23 = "unchecked";
			if (document.getElementById("cbox1").checked) {
				checkboxVal1=encodeURIComponent(document.getElementById("cbox1").value)
			}
			if (document.getElementById("cbox2").checked) {
				checkboxVal2=encodeURIComponent(document.getElementById("cbox2").value)
			}
			if (document.getElementById("cbox3").checked) {
				checkboxVal3=encodeURIComponent(document.getElementById("cbox3").value)
			}
			if (document.getElementById("cbox4").checked) {
				checkboxVal4=encodeURIComponent(document.getElementById("cbox4").value)
			}
			if (document.getElementById("cbox5").checked) {
				checkboxVal5=encodeURIComponent(document.getElementById("cbox5").value)
			}
			if (document.getElementById("cbox6").checked) {
				checkboxVal6=encodeURIComponent(document.getElementById("cbox6").value)
			}
			if (document.getElementById("cbox7").checked) {
				checkboxVal7=encodeURIComponent(document.getElementById("cbox7").value)
			}
			if (document.getElementById("cbox8").checked) {
				checkboxVal8=encodeURIComponent(document.getElementById("cbox8").value)
			}
			if (document.getElementById("cbox9").checked) {
				checkboxVal9=encodeURIComponent(document.getElementById("cbox9").value)
			}
			if (document.getElementById("cbox10").checked) {
				checkboxVal10=encodeURIComponent(document.getElementById("cbox10").value)
			}
			if (document.getElementById("cbox11").checked) {
				checkboxVal11=encodeURIComponent(document.getElementById("cbox11").value)
			}
			if (document.getElementById("cbox12").checked) {
				checkboxVal12=encodeURIComponent(document.getElementById("cbox12").value)
			}
			if (document.getElementById("cbox13").checked) {
				checkboxVal13=encodeURIComponent(document.getElementById("cbox13").value)
			}
			if (document.getElementById("cbox14").checked) {
				checkboxVal14=encodeURIComponent(document.getElementById("cbox14").value)
			}
			if (document.getElementById("cbox15").checked) {
				checkboxVal15=encodeURIComponent(document.getElementById("cbox15").value)
			}
			if (document.getElementById("cbox16").checked) {
				checkboxVal16=encodeURIComponent(document.getElementById("cbox16").value)
			}
			if (document.getElementById("cbox17").checked) {
				checkboxVal17=encodeURIComponent(document.getElementById("cbox17").value)
			}
			if (document.getElementById("cbox18").checked) {
				checkboxVal18=encodeURIComponent(document.getElementById("cbox18").value)
			}
			if (document.getElementById("cbox19").checked) {
				checkboxVal19=encodeURIComponent(document.getElementById("cbox19").value)
			}
			if (document.getElementById("cbox20").checked) {
				checkboxVal20=encodeURIComponent(document.getElementById("cbox20").value)
			}
			if (document.getElementById("cbox21").checked) {
				checkboxVal21=encodeURIComponent(document.getElementById("cbox21").value)
			}
			if (document.getElementById("cbox22").checked) {
				checkboxVal22=encodeURIComponent(document.getElementById("cbox22").value)
			}
			if (document.getElementById("cbox23").checked) {
				checkboxVal23=encodeURIComponent(document.getElementById("cbox23").value)
			}
			var inputSelectVal1=encodeURIComponent(document.getElementById("inputSelect1").selectedIndex)
			//var inputSelectVal5=encodeURIComponent(document.getElementById("inputSelect5").value)
			httpObject.open("GET", "computeScore.php?checkboxVal1="+checkboxVal1
							+"&checkboxVal2="+checkboxVal2
							+"&checkboxVal3="+checkboxVal3
							+"&checkboxVal4="+checkboxVal4
							+"&checkboxVal5="+checkboxVal5
							+"&checkboxVal6="+checkboxVal6
							+"&checkboxVal7="+checkboxVal7
							+"&checkboxVal8="+checkboxVal8
							+"&checkboxVal9="+checkboxVal9
							+"&checkboxVal10="+checkboxVal10
							+"&checkboxVal11="+checkboxVal11
							+"&checkboxVal12="+checkboxVal12
							+"&checkboxVal13="+checkboxVal13
							+"&checkboxVal14="+checkboxVal14
							+"&checkboxVal15="+checkboxVal15
							+"&checkboxVal16="+checkboxVal16
							+"&checkboxVal17="+checkboxVal17
							+"&checkboxVal18="+checkboxVal18
							+"&checkboxVal19="+checkboxVal19
							+"&checkboxVal20="+checkboxVal20
							+"&checkboxVal21="+checkboxVal21
							+"&checkboxVal22="+checkboxVal22
							+"&checkboxVal23="+checkboxVal23
							+"&inputSelectVal1="+inputSelectVal1,
	//						+"&inputSelectVal5="+inputSelectVal5,
			true)		
			httpObject.send(null);
			httpObject.onreadystatechange = setTTTScore;
		}
	}
	
function getTTTImage2(){
		httpObject = getHTTPObject();
		if (httpObject != null) {
			
			var checkboxVal1 = "unchecked";
			var checkboxVal2 = "unchecked";
			var checkboxVal3 = "unchecked";
			var checkboxVal4 = "unchecked";
			var checkboxVal5 = "unchecked";
			var checkboxVal6 = "unchecked";
			var checkboxVal7 = "unchecked";
			var checkboxVal8 = "unchecked";
			var checkboxVal9 = "unchecked";
			var checkboxVal10 = "unchecked";
			var checkboxVal11 = "unchecked";
			var checkboxVal12 = "unchecked";
			var checkboxVal13 = "unchecked";
			var checkboxVal14 = "unchecked";
			var checkboxVal15 = "unchecked";
			var checkboxVal16 = "unchecked";
			var checkboxVal17 = "unchecked";
			var checkboxVal18 = "unchecked";
			var checkboxVal19 = "unchecked";
			var checkboxVal20 = "unchecked";
			var checkboxVal21 = "unchecked";
			var checkboxVal22 = "unchecked";
			var checkboxVal23 = "unchecked";
			if (document.getElementById("cbox1").checked) {
				checkboxVal1=encodeURIComponent(document.getElementById("cbox1").value)
			}
			if (document.getElementById("cbox2").checked) {
				checkboxVal2=encodeURIComponent(document.getElementById("cbox2").value)
			}
			if (document.getElementById("cbox3").checked) {
				checkboxVal3=encodeURIComponent(document.getElementById("cbox3").value)
			}
			if (document.getElementById("cbox4").checked) {
				checkboxVal4=encodeURIComponent(document.getElementById("cbox4").value)
			}
			if (document.getElementById("cbox5").checked) {
				checkboxVal5=encodeURIComponent(document.getElementById("cbox5").value)
			}
			if (document.getElementById("cbox6").checked) {
				checkboxVal6=encodeURIComponent(document.getElementById("cbox6").value)
			}
			if (document.getElementById("cbox7").checked) {
				checkboxVal7=encodeURIComponent(document.getElementById("cbox7").value)
			}
			if (document.getElementById("cbox8").checked) {
				checkboxVal8=encodeURIComponent(document.getElementById("cbox8").value)
			}
			if (document.getElementById("cbox9").checked) {
				checkboxVal9=encodeURIComponent(document.getElementById("cbox9").value)
			}
			if (document.getElementById("cbox10").checked) {
				checkboxVal10=encodeURIComponent(document.getElementById("cbox10").value)
			}
			if (document.getElementById("cbox11").checked) {
				checkboxVal11=encodeURIComponent(document.getElementById("cbox11").value)
			}
			if (document.getElementById("cbox12").checked) {
				checkboxVal12=encodeURIComponent(document.getElementById("cbox12").value)
			}
			if (document.getElementById("cbox13").checked) {
				checkboxVal13=encodeURIComponent(document.getElementById("cbox13").value)
			}
			if (document.getElementById("cbox14").checked) {
				checkboxVal14=encodeURIComponent(document.getElementById("cbox14").value)
			}
			if (document.getElementById("cbox15").checked) {
				checkboxVal15=encodeURIComponent(document.getElementById("cbox15").value)
			}
			if (document.getElementById("cbox16").checked) {
				checkboxVal16=encodeURIComponent(document.getElementById("cbox16").value)
			}
			if (document.getElementById("cbox17").checked) {
				checkboxVal17=encodeURIComponent(document.getElementById("cbox17").value)
			}
			if (document.getElementById("cbox18").checked) {
				checkboxVal18=encodeURIComponent(document.getElementById("cbox18").value)
			}
			if (document.getElementById("cbox19").checked) {
				checkboxVal19=encodeURIComponent(document.getElementById("cbox19").value)
			}
			if (document.getElementById("cbox20").checked) {
				checkboxVal20=encodeURIComponent(document.getElementById("cbox20").value)
			}
			if (document.getElementById("cbox21").checked) {
				checkboxVal21=encodeURIComponent(document.getElementById("cbox21").value)
			}
			if (document.getElementById("cbox22").checked) {
				checkboxVal22=encodeURIComponent(document.getElementById("cbox22").value)
			}
			if (document.getElementById("cbox23").checked) {
				checkboxVal23=encodeURIComponent(document.getElementById("cbox23").value)
			}
			var inputSelectVal1=encodeURIComponent(document.getElementById("inputSelect1").selectedIndex)
			//var inputSelectVal5=encodeURIComponent(document.getElementById("inputSelect5").value)
			httpObject.open("GET", "computeImage.php?checkboxVal1="+checkboxVal1
							+"&checkboxVal2="+checkboxVal2
							+"&checkboxVal3="+checkboxVal3
							+"&checkboxVal4="+checkboxVal4
							+"&checkboxVal5="+checkboxVal5
							+"&checkboxVal6="+checkboxVal6
							+"&checkboxVal7="+checkboxVal7
							+"&checkboxVal8="+checkboxVal8
							+"&checkboxVal9="+checkboxVal9
							+"&checkboxVal10="+checkboxVal10
							+"&checkboxVal11="+checkboxVal11
							+"&checkboxVal12="+checkboxVal12
							+"&checkboxVal13="+checkboxVal13
							+"&checkboxVal14="+checkboxVal14
							+"&checkboxVal15="+checkboxVal15
							+"&checkboxVal16="+checkboxVal16
							+"&checkboxVal17="+checkboxVal17
							+"&checkboxVal18="+checkboxVal18
							+"&checkboxVal19="+checkboxVal19
							+"&checkboxVal20="+checkboxVal20
							+"&checkboxVal21="+checkboxVal21
							+"&checkboxVal22="+checkboxVal22
							+"&checkboxVal23="+checkboxVal23
							+"&inputSelectVal1="+inputSelectVal1,
//							+"&inputSelectVal5="+inputSelectVal5,
			true)		
			httpObject.send(null);
			httpObject.onreadystatechange = setTTTImage;
		}
	}
	
    var httpObject = null;