// JavaScript Document

function submit_me(theform,action) {
    var vehicle;
	var trim = get_radio_value(document.vehicle_form.trim);
	var door = get_radio_value(document.vehicle_form.door);
	var engine = get_radio_value(document.vehicle_form.engine);
	var suspension = get_radio_value(document.vehicle_form.suspension);
	
	if (trim == 'Sahara')   { trim = 'Sahara Wrangler' }
	if (trim == 'X')        { trim = 'X Wrangler' }
	if (trim == 'Rubicon')  { trim = 'Rubicon Wrangler' }
	
	if (door == '2')   { door = '2 Doors' }
	if (door == '4')   { door = '4 Doors' }
	
	if (engine == '3.8')  { engine = 'V6 - 3.8L Engine' }
	if (engine == '5.7')   { engine = 'V8 - 5.7L HEMI Engine' }
	if (engine == '6.1')   { engine = 'V8 - 6.1L HEMI Engine' }
	
	if (suspension == 'none') { suspension = 'No Suspension' }
	if (suspension == '35')   { suspension = '35in. Tire Size' }
	if (suspension == '37')   { suspension = '37in. Tire Size' }
	vehicle = '<strong>'+trim +'<br />'+ door+'<br />'+engine+'<br />'+suspension+'</strong>';

	//set the form action and vehicle form fields
	theform.form_action.value = action;
	theform.vehicle.value = vehicle;
	
	//submit the the form
    theform.submit();
}
function build_vehicle(){
	var vehicle;
	var trim = get_radio_value(document.vehicle_form.trim);
	var door = get_radio_value(document.vehicle_form.door);
	var engine = get_radio_value(document.vehicle_form.engine);
	var suspension = get_radio_value(document.vehicle_form.suspension);
	 
	vehicle = trim +'_'+ door+'_'+engine+'_'+suspension+' ';
	
	fetchData('vehicle_data.php',vehicle,'message')

	// Print return result of ajax request
	
	if (trim == 'Sahara')   { trim = 'Sahara Wrangler' }
	if (trim == 'X')        { trim = 'X Wrangler' }
	if (trim == 'Rubicon')  { trim = 'Rubicon Wrangler' }
	
	if (door == '2')   { door = '2 Doors' }
	if (door == '4')   { door = '4 Doors' }
	
	if (engine == '3.8')   { engine = 'V6 - 3.8L Engine' }
	if (engine == '5.7')   { engine = 'V8 - 5.7L HEMI Engine' }
	if (engine == '6.1')   { engine = 'V8 - 6.1L HEMI Engine' }
	
	if (suspension == 'none') { suspension = 'No Suspension' }
	if (suspension == '35')   { suspension = '35in. Tire Size' }
	if (suspension == '37')   { suspension = '37in. Tire Size' }
	
	
	
	vehicle_title = '<strong>'+trim +'<br />'+ door+'<br />'+engine+'<br />'+suspension+'</strong>';
	

	
	document.getElementById('vehicle_spec_title').innerHTML = vehicle_title;
}

function get_radio_value(radio)
{
for (var i=0; i < radio.length; i++)
   {
   if (radio[i].checked)
      {
      var rad_val = radio[i].value;
      }
   }
   return rad_val
}

function update_option_availability(option_id){
	var option = getElementById(option_id);
	
	option.disabeled = false;
}
/*
function update_vehicle_total(){
	//form_element = document.getElementById(document.options_form.elements[1].id);
	//alert (form_element.value);
	var object = document.getElementById('calculated_cost');
	var form_element;
	var total = 0.0;
	var vehicle_specs = "<ul>";
	total = parseFloat(total);
	
	for (i=0;i<document.options_form.elements.length;i++){
		form_element = document.getElementById(document.options_form.elements[i].id);
		if(form_element.checked){
			total += parseFloat(form_element.value);
			spec = "<li>" + form_element.name +"</li>";
			vehicle_specs += spec;
		}
	}
	
	//get engine cost
	var engine_cost = get_radio_value(document.vehicle_form.engine);
	if (engine_cost == '3.8') engine_cost = parseFloat(1000.00);
	else if (engine_cost == '5.7 Hemi') engine_cost = parseFloat(2000.00);
	else if (engine_cost == '6.1 Hemi') engine_cost = parseFloat(3000.00);
	
	total+=engine_cost
	
	//alert (total);
	object.innerHTML = total.toFixed(2);
	
	//Ross added the following line....to get the same value for a "subtotal area" at the bottom of the page
    document.getElementById('subtotal').innerHTML = total.toFixed(2);
	document.getElementById('vehicle_total').value = total.toFixed(2);
	
	//update the selected specs
	vehicle_specs += "</ul>";
	document.getElementById('selected_specs').innerHTML = vehicle_specs;
}
*/

function get_selected_specs(){
	

}


function select_first_enabled_radio(radio_name){

	var temp = document.getElementsByName(radio_name);
		//alert (radio_name);
		//alert (temp.length);
		var selected = false;
		for(var i=0; i<temp.length; i++){
			//alert(temp[i].disabled);
			if(!temp[i].disabled && !selected){
				temp[i].checked = true;
				selected = true;
				//set tr attributes
					tr_id = "row_"+temp[i].id+"_"+i;
				//alert(temp[i].id)
				//alert(tr_id);
					var temp_tr = document.getElementById(tr_id);
				//alert(temp_tr.id);
					temp_tr.style.backgroundColor='#AEB9E3';
				
			}
		}
}

function init_calculated_cost(){
		var object = document.getElementById('calculated_cost');
		var total = 0;
		object.innerHTML = total.toFixed(2);

//Ross added the following line....to get the same value for a "subtotal area" at the bottom of the page
    document.getElementById('subtotal').innerHTML = total.toFixed(2);
}


//------------------------------------------------------------------------------------------------------------------------
// call example
//<body onload="fetchData('vehicle_data.php',1,'message')">
//<div id="message">&nbsp;</div>

function fetchData(url,dataToSend,objectID){
	var pageRequest = false
	if (window.XMLHttpRequest) {
		pageRequest = new XMLHttpRequest()
	}
	else if (window.ActiveXObject){ 
		try {
			pageRequest = new ActiveXObject("Msxml2.XMLHTTP")
		} 
		catch (e) {
			try{
				pageRequest = new ActiveXObject("Microsoft.XMLHTTP")
			}
			catch (e){}
		}
	}
	else return false
	
	pageRequest.onreadystatechange=function() {	
		filterData(pageRequest,objectID)
	}
	if (dataToSend) {		
		var sendData = 'sendData=' + dataToSend;
		pageRequest.open('POST',url,true);
    	pageRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
   		pageRequest.send(sendData);
	}
	else {
		pageRequest.open('GET',url,true)
		pageRequest.send(null)	
	}
}