var selClickFunc = "v3_processModel();"
var carId = "99969";
var lt_initArray = new Array();
var lt_depArray = new Array();
var formMake = "";
var formModel = "";
var formAnn = "";
var formFuel = "Any";
var formCap = "";
var detTable = "";
var detTitle = "";
var isVan = false;	
var isComp = false;
// used turn on additional features from channel js

if(typeof(v3setAdd) == 'undefined') {
	var v3add = false;
} else {
	var v3add = true;
}

if(typeof(v3setSingleGroup) == 'undefined') {
	v3singleGroup = false;
} else {
	v3singleGroup = true;
}

var selContent;

// calls v3 specific channel functions
function channelFinish (section) {
	if (typeof(v3channel) != "undefined") v3channel(section);
}

// 2nd version of pageload functions, not needed with jquery .ready(function)...
loadFunc[loadFunc.length] = "initPage()";
function initPage () {}

$(document).ready(function(){
	$("#loading_div").hide();
	// hide boxes on load
	$('.mmf_slide').hide();
	if (v3add) {
		$('#iCar').append('<div id="carChange">(<a class="boldlink" href="" onClick="$(\'table.keydata\').toggle(\'slow\');changeText(this);return false;">view vehicle details</a> | <a class="boldlink" href="" onClick=" return v3_carChange();">change</a>)</div>');	
	} else {
		$('#iCar').append('<div id="carChange"><a class="boldlink" href="" onClick=" return v3_carChange();">Click here to change the car</a></div>');
	}
	$('#iCar').append('<div id="iDerv" class="mmf_slide"></div>');
	$('#carChange').hide();
	$('#carAct').hide();
	var urlArr = createUrlParams();
	if (getArrayEntry("id",urlArr) != "") {
		carId = getArrayEntry("id",urlArr);
		v3_loadOptions ();
	} else if (getArrayEntry("model",urlArr) != "") {
		formMake = getArrayEntry("make",urlArr);
		formModel = getArrayEntry("model",urlArr);

		// update car picture
		var url = 'icarPic.cfm?picmake='+formMake+'&picmodel='+formModel+'&grouppic=false'+'&clk=125';
		updateElem(url,finishDet);
	}
});			

function v3_processModel () {
	// set make and model from form if not already given
	formMake = escape(document.proDep.fjs_make.value);
	formModel = escape(document.proDep.fjs_model.value);
	formFuel = escape(document.proDep.fjs_fuel.value);
	carId = 99969;

	// update car picture
	var url = 'icarPic.cfm?picmake='+formMake+'&picmodel='+formModel+'&grouppic=false'+'&clk=125';
	updateElem(url,finishDet);
	return false;
}

function v3_loadOptions () {
	if (carId == 99969) {
		alert('Please select a car');
		return false;
	}
	
	if (formMake != "") {
		formAnn = document.dervForm.AnnCon.value;
		formCap = document.dervForm.CapCon.value;
	}

	// wipe selector form due to copycat naming 'proDep'
	$('#carSel').hide('fast');
	selContent = $('#carSel').html();
	$('#carSel form').remove();	
	$('#iDerv').hide('fast');
	
	// load options into DIV
	url = "/newcar/companycar/taxcalc/i3options.cfm?id="+carId+"&edTax=false&anncon="+formAnn+"&capcon="+formCap+"&showstandard="+false;
	updateElem(url,finishOpt);
	return false;	
}

// pull selector back into view and remove options
function v3_carChange () {
	$('#iOpt').hide('fast');
	if(v3add) {
		$('#carInfo').html('<div id="carDet">Please choose a different model</div>');
	}
	$('#iOpt form').remove();
	$('.keydata').remove();	
	$('#iCar').removeClass('carCol');

	// put selector back on page and set up
	document.getElementById('carSel').innerHTML = selContent;
	jsel_tcSetupForm('fjs_make','fjs_model','fjs_fuel','pgo');
	
		
	
	jsel_tcSetupMenus(arrayMake, null);	

	$('#carSel').show();
	if(!v3add) {
		$('#iDerv').show();
	}
	$('#carChange').hide();
	$('#loading_div').hide();	
	
		
	
	return false;
}

// returns "keydataTable" with only the picture on the left
function v3_getCar(id) {
	var temp = openXMLHttpObject("icarLookup.cfm?carid="+id);
	document.getElementById("carDet").innerHTML = content;
}

// prep form for submission to calc page
function v3_processCalcClick (withLocal) {
	if (carId == 99969) {
		alert('Please select a car');
		return false;
	} else {
		var urlArr2 = createUrlParams();
		if (getArrayEntry("tcc_action",urlArr2) != "") {
			isComp = true;
		}
		if(isVan && !isComp) {
			var url = "/newcar/companycar/vancalc/g5calc.cfm?"+"id="+carId;
		} else {
			var url = "/newcar/companycar/taxcalc/g5calc.cfm?"+"id="+carId;
		}
		if (getArrayEntry("clk",urlArr2) != "") {
			url = url + "&clk="+getArrayEntry("clk",urlArr2);
		} else {
			url = url + "&clk=1";
		}
		if (getArrayEntry("userID",urlArr2) != "") {
			url = url + "&userID="+getArrayEntry("userID",urlArr2);
		}
		$('#iDerv form:eq(0)').attr("name","proDep").attr("action", url);
		$('#iOpt form:eq(0)').attr("name","proDep").attr("action", url);
	}
	// chrome & safari bug leaves frm_listName empty. This loop adds option names if they're missing
	var tempNames = $('textarea[name="frm_listName"]').val();
	if (tempNames == "") {
		var tempID = $('input[name="frm_listID"]').val();
		var tempNames = tempID.split(',');
		tempNames.pop();
		for (var x=0;x<tempNames.length;x++) {
			for (var y=0;y<lt_initArray.length;y++) {
				if(tempNames[x] == lt_initArray[y][0]) tempNames[x] = lt_initArray[y][9];
				break;
			}			
		}
		$('textarea[name="frm_listName"]').val(tempNames.join()); 
	}
	if(withLocal) local_processCalcClick();
}

function finishDet(content) {
	jQuery.trim(content);
	
	var formMakeLower = formMake.toLowerCase();
	$('.dynaPic').children('img').attr("src", "../../../../imageheader/"+formMakeLower+"/"+content+".jpg");
	

	// find out which taxtype the vehicle is
	$.get('/newcar/companycar/version3/checkCar.cfm?make='+formMake+'&model='+formModel,finishType);
}

function finishType(content) {
	// content will be 'true' if the taxtype is < 6
	content = jQuery.trim(content);
	if(content=="false") {
		isVan = true;
	} else {
		isVan = false;
	}
	// load model list	
	url = "/newcar/companycar/taxcalc/i2model.cfm?MakeModel="+formMake+","+formModel+"&fjs_fuel="+formFuel+"&clk=125";
	if(isVan) {
		url += "&isVan=true";	
	}
	updateElem(url,finishDerv);	
}

function finishDerv(content) {
//change name of form before dumped to page
content = content.replace(/proDep/g,'dervForm');
document.getElementById('iDerv').innerHTML = content;

// adjust page to display relevant elements
$('#optcalc').hide();
$('#iDerv').show('fast');

if ($('.model').length != 0) {
	if(!isVan) {
	$('#iDerv form').append('<input type="submit" id="btn_options" class="go" onClick="return v3_loadOptions();" value="Add Options">');
	}
	$('#iDerv form').append('<input type="submit" id="btn_calc" class="go" onClick="return v3_processCalcClick(false);" value="Calculate">');
}

if (v3add) {
	$('#carDet').html('You have chosen the following model');
	$('#dervFormForm input[type="radio"]:eq(0)').attr('checked','checked');
	carId = $('#dervFormForm input[type="radio"]:eq(0)').val();
}

channelFinish("model");
$('#loading_div').hide();
}

function v3_postTo (where) {
	updateElem(where, finishDerv);
}

function finishOpt(content) {
	//change the action of the calculate button before it's displayed
	document.getElementById('iOpt').innerHTML = content;	

	if (formMake != "") {
		document.proDep.AnnCon.value = formAnn;
		document.proDep.CapCon.value = formCap;	
	}

	// create init tables
	var temp = openXMLHttpObject('/newcar/companycar/version3/ioptionsDep.cfm?carID='+carId+'&clk=125');
	lt_depArray = temp.split(']');
	temp = openXMLHttpObject('/newcar/companycar/version3/ioptionsInit.cfm?carID='+carId+'&clk=125');
	lt_initArray = temp.split(']');
	for (var x = 0; x < lt_initArray.length; x++) {
		lt_initArray[x] =  lt_initArray[x].split(',');
	}
	for (var x = 0; x < lt_depArray.length; x++) {
		lt_depArray[x] =  lt_depArray[x].split(',');
	}	
	lt_initArray.pop();
	lt_depArray.pop();
	// add missing sections to options form
	displayOptSum();
	displayActions();
	
	// update var external_form to options form
	carm_v = document.proDep;
	external_init();

	// rearrange/hide page components
	$('#carChange').show('fast');
	detTable = '<table class="keydata">'+$('table.keydata:eq(0)').html()+'</table><table class="keydata">'+$('table.keydata:eq(1)').html()+'</table>'
	detTitle = "<span class=\"red\">"+$('table.keydata:eq(1) td:contains("Model")').next().html()+"</span> "+$('table.keydata:eq(1) td:contains("Derivative")').next().html();
	if(v3add) {
		$('#carDet').html(detTitle);
		$('#carDet').append(detTable);
		$('#carDet table.keydata').hide();
		$('#iOpt').prepend('<p>Select individual options to determine list price of options added to the vehicle and paid for by the company.</p>');	
		$('#iCar').addClass('carCol');
	} else {
		$('#carDet').html(detTable);
	}
	if(v3singleGroup) {
		$('td.options-title:eq(0)').html('Options');
		$('td.options-title:gt(0)').hide();	
	}
	$('table.keydataHolder').remove();
	$('#iOpt').show('fast');
	$('#optSum').hide();
	
	displayExtraOptions('99969','true','true','false');
	displayExtraOptions('99970','true','true','true');
	displayExtraOptions('99971','false','true','true');	

	
	channelFinish("options");
	$('#loading_div').hide();
}

// swap words hide/view in html of given element
function changeText(linkItem) {
	temp = $(linkItem).html();
	temp = temp.replace('view','tempvar');
	temp = temp.replace('View','tempVar');
	temp = temp.replace('hide','view');
	temp = temp.replace('Hide','View');
	temp = temp.replace('tempvar','hide');
	temp = temp.replace('tempVar','Hide');
	$(linkItem).html(temp);
}

// update div inner contents and remove loader
function updateElem(url,func) {
	$('#loading_div').show();
	openXMLHttpObject(url,func);
	return false;
}