$(function(){
	document.getElementById('pricequote').reset();
	qqChangeModel(currentModel);
	
	$('#modelName').change(function() {
		qqChangeModel($('#modelName :selected').attr('class'));
	});
	
	$('#modelTrim').change(function() {
		qqChangeTrim($('#modelTrim :selected').val());
	});	
});
function updateDisplay(){
	var urlModelName = qqData[currentModel].fixed_name;
	var trim = $('#modelTrim').val();
	$("#picSource").attr("src","http://static.dealertown.com/dashboard/dealerSites/defaultSuzukiDealer/auto/common_media/shopping_tools/byo2012/"+urlModelName+"/views/"+ currentColorCode +".jpg");
	$('#thumbName').html(currentColorName);
	$('#thumbContainer img.cur').removeClass('cur');
	$('#thumbContainer img#' + currentColorCode).addClass('cur');
}
function qqChangeModel(model) {	
	currentModel= model;	
	qqLoadTrimMenu(model);
	qqLoadColors();	
	updateDisplay();}

function qqChangeTrim(trim) {
	var model = $('#qqmodel').val();
	if (model && trim) {var trim_web_short_name = qqData[model].trimList[trim].web_short_name;}
	currentTrim = trim;
	qqLoadColors();
	updateDisplay();
}
function colorChange(color,name){
	currentColorCode = color;
	currentColorName = name;
	updateDisplay();}
	
function qqLoadColors(){ 
	var colorCodes = colorArray[currentTrim].code;
	var il = "";	
	var initial = "cur";
	currentColorCode = colorCodes[0];
	currentColorName = colorArray[currentTrim].name[0];
	for(var i = 0; i <  colorCodes.length; ++i) 
	{
		il += "<img id='"+colorCodes[i]+"' class='color-thumbs "+initial+"' src='http://static.dealertown.com/dashboard/dealerSites/suzuki/auto/_m/sr_12/swatches/exterior/" + colorCodes[i] + ".jpg' onclick=\"colorChange(this.id,'"+colorArray[currentTrim].name[i]+"')\" /> ";
		initial = "";
	}
	$('#thumbContainer').html(il);
}
function qqLoadTrimMenu(model) {
	var jTrim = $('#modelTrim');
	var selectIndex = 0;
	if (model) {
		var trimListHTML = '';
		var trimList = qqData[model].trimList;
		for(var i in trimList) {
			if (currentTrim == i) selectIndex = trimList[i].num + 1; // +1 because of the 'select a trim'
			if(i != qqData[model].name) {
				var j = i.replace(qqData[model].name+' ','');
			} else {
				var j = i;
			}
			trimListHTML += '<option value="'+i+'" >'+j+'</option>';
		}
		jTrim.html('');
		$(trimListHTML).appendTo(jTrim);
		document.getElementById('modelTrim').selectedIndex = selectIndex;
		jTrim.attr('disabled', false);
	}
	currentTrim = $('#modelTrim').val();
}