var keyStr = "ABCDEFGHIJKLMNOP" +
                "QRSTUVWXYZabcdef" +
                "ghijklmnopqrstuv" +
                "wxyz0123456789+/" +
                "=";
function encode64(input) 
{
      var output = "";
      var chr1, chr2, chr3 = "";
      var enc1, enc2, enc3, enc4 = "";
      var i = 0;

      do {
         chr1 = input.charCodeAt(i++);
         chr2 = input.charCodeAt(i++);
         chr3 = input.charCodeAt(i++);

         enc1 = chr1 >> 2;
         enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
         enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
         enc4 = chr3 & 63;

         if (isNaN(chr2)) {
            enc3 = enc4 = 64;
         } else if (isNaN(chr3)) {
            enc4 = 64;
         }

         output = output + 
            keyStr.charAt(enc1) + 
            keyStr.charAt(enc2) + 
            keyStr.charAt(enc3) + 
            keyStr.charAt(enc4);
         chr1 = chr2 = chr3 = "";
         enc1 = enc2 = enc3 = enc4 = "";
      } while (i < input.length);

      return output;
}
function selectAnswer(question,answer)
{
	f=document.forms['formHelper'];
	f.elements['answer'+question].value=answer;
	//we need to toggle to the next question
	if (question != 4)
	{
		//we are not on the last question
		if (question == 1)
		{
			//toggle on 2, toggle off 1
			toggleOn(2);
			toggleOff(1);
		}
		else if (question == 2)
		{
			toggleOn(3);
			toggleOff(2);
			
		}
		else if (question == 3)
		{
			toggleOn(4);
			toggleOff(3);
			
		}
		
	}
	else
	{
//		toggleOn(4);
//		toggleOff(3);
		//this is the last question
		
	}
	buildGlideCriteria();
	if (question == 4)
	{
		
		window.location.replace(document.getElementById('ogsLink').href);
		
	}
}
function toggleOn(stepNumber)
{
	//elements are named step1, step2, step3, step4
	if (stepNumber == 3)
	{
		document.getElementById('step'+stepNumber+'Menu').className='ogsODon';
	}
	else
	{
		document.getElementById('step'+stepNumber+'Menu').className='ogsOn';
	}
	document.getElementById('step'+stepNumber).style.display='block';
//	document.getElementById('step'+stepNumber+'Menu').className='ogsOn';
	
}
function toggleOff(stepNumber)
{
	//elements are named step1, step2, step3, step4
	document.getElementById('step'+stepNumber).style.display='none';
	if (stepNumber == 3)
	{
		document.getElementById('step'+stepNumber+'Menu').className='ogsODoff';		
	}
	else
	{
		document.getElementById('step'+stepNumber+'Menu').className='ogsOff';
	}
}
function toggleAllOff()
{
	for (i=1;i<5;i++)
	{
		document.getElementById('step'+i).style.display='none';
		if (i == 3)
			document.getElementById('step'+i+'Menu').className='ogsODoff';
		else
			document.getElementById('step'+i+'Menu').className='ogsOff';
		
	}
	
}
function clearAnswer(answerNumber)
{
//	alert(answerNumber);
//	return false;
	f=document.forms['formHelper'];
	f.elements['answer'+answerNumber].value='';
	buildGlideCriteria();
	
}
function buildGlideCriteria()
{
	//&nbsp; <a href=""><img src="/images/iconX.gif" width="9" height="9" alt="remove selection" /></a> Fits square tube<br />
//&nbsp; <a href=""><img src="/images/iconX.gif" width="9" height="9" alt="remove selection" /></a> Has a ferrule<br />
//&nbsp; <a href=""><img src="/images/iconX.gif" width="9" height="9" alt="remove selection" /></a> 1/2" O.D.<br />
//&nbsp; <a href=""><img src="/images/iconX.gif" width="9" height="9" alt="remove selection" /></a> Steel Base<br />
	gc='';
	f=document.forms['formHelper'];
	for (i=1;i<5;i++)
	{
		if (f.elements['answer'+i].value != '')
		{
			a=f.elements['answer'+i].value;
			if ( i == 1)
				tVerbiage="Fits "+a+" tube";
			else if (i == 2)
			{
				if (a == 'ferrule')
					tVerbiage='Has a ferrule';
				else
					tVerbiage='Does  not have a ferrule';
			}
			else if (i == 3)
			{
				tVerbiage=a+ " O.D.";
				
			}
			else if (i == 4)
			{
				tVerbiage=a + " Base";
				
			}
			gc=gc+"&nbsp; <a href=\"#\" onClick=\"clearAnswer("+i+");return false\"><img src=\"/images/iconX.gif\" width=\"9\" height=\"9\" alt=\"remove selection\" /></a> "+ tVerbiage + "<br />";
//			gc='test'+
//			gc=f.elements['answer'+i].value;
		}
		//document.getElementById('step'+i).style.display='none';
		//document.getElementById('step'+i+'Menu').className='ogsOff';
		document.getElementById('glideCriteria').innerHTML=gc;
	}
	if (gc != '')
	{
		document.getElementById('glideCriteriaHeader').style.display='block';
		
	}
	else
	{
		document.getElementById('glideCriteriaHeader').style.display='none';
	
	}
	
	getMatchingGlides();
	if (document.getElementById('ogsLink'))
		buildOGSLink();
}
function getMatchingGlides()
{
	f=document.forms['formHelper'];
	url="http://080529ses.sitesnow.com/aOutput/glideResults.phtml?answer1="+f.elements['answer1'].value+"&answer2="+f.elements['answer2'].value+"&answer3="+f.elements['answer3'].value+"&answer4="+f.elements['answer4'].value;
	url="/aOutput/glideResults.phtml?answer1="+f.elements['answer1'].value+"&answer2="+f.elements['answer2'].value+"&answer3=";
	if (f.elements['answer3'].value != '')	
	{
//		alert("got here");
		url=url+encode64(f.elements['answer3'].value);
	}	
	url=url+"&answer4="+f.elements['answer4'].value;
//	alert(url);
	http.open("GET", url, true);
	http.onreadystatechange = handleMatchingGlides;
	http.send(null);
}
function buildOGSLink()
{
	f=document.forms['formHelper'];
	url="/online-glide-selector/?answer1="+f.elements['answer1'].value+"&answer2="+f.elements['answer2'].value+"&answer3=";
	if (f.elements['answer3'].value != '')	
	{
//		alert("got here");
		url=url+encode64(f.elements['answer3'].value);
	}	
	url=url+"&answer4="+f.elements['answer4'].value;
	document.getElementById('ogsLink').href=url;
	
}
function handleMatchingGlides() 
{

	if (http.readyState == 4) 
  	{

    
		matchingGlides=http.responseText;
//		alert(matchingGlides);
		t=matchingGlides.split(":::");
		for (i=0;i<3;i++)
		{
//			alert(t[i]);
			document.getElementById('ogsImage'+i).src='/images/'+t[i];
			document.getElementById('ogsImage'+i).alt='/images/'+t[i];
			
		}
//		=newTableData;
//		f.elements['make'].options.length = available_makes.getElementsByTagName('make').length+1;
//		f.elements['make'].options[0] = new Option("Please select", "")
//		for (i=1;i<available_makes.getElementsByTagName('make').length+1;i++)
//		{	
//			var root_node = available_makes.getElementsByTagName('make').item(i-1);
//			f.elements['make'].options[i] = new Option(root_node.firstChild.data, root_node.firstChild.data)
//			
//		}
		

    

  }

}

function getHTTPObject() {

  var xmlhttp;

  /*@cc_on

  @if (@_jscript_version >= 5)

    try {

      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

    } catch (e) {

      try {

        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

      } catch (E) {

        xmlhttp = false;

      }

    }

  @else

  xmlhttp = false;

  @end @*/

  if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {

    try {

      xmlhttp = new XMLHttpRequest();

    } catch (e) {

      xmlhttp = false;

    }

  }

  return xmlhttp;

}

var http = getHTTPObject(); // We create the HTTP Object