$(function(){
	document.getElementById('jj').reset();
	qqChangeModel(currentModel);
});
function updateDisplay(){
	var urlModelName = qqData[currentModel].fixed_name;
	var trim = $('#suzv').val();
	
	if(qqData[currentModel].trimList[trim].subdir && qqData[currentModel].trimList[trim].subdir == "sportback_gts") {
		$("#picSource").attr("src","http://static.dealertown.com/dashboard/dealerSites/defaultSuzukiDealer/auto/common_media/shopping_tools/byo2010/sx4_sportback/views/"+ currentColorCode +".jpg");	
	} else {
		$("#picSource").attr("src","http://static.dealertown.com/dashboard/dealerSites/defaultSuzukiDealer/auto/common_media/shopping_tools/byo2010/"+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/defaultSuzukiDealer/auto/common_media/shopping_tools/byo2010/swatches/exterior/" + colorCodes[i] + ".jpg' onclick=\"colorChange(this.id,'"+colorArray[currentTrim].name[i]+"')\" /> ";
		initial = "";
	}
	$('#thumbContainer').html(il);
}
function qqLoadTrimMenu(model) {
	var jTrim = $('#suzv');
	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('suzv').selectedIndex = selectIndex;
		if(model == "xl7")
			document.getElementById('suzv').selectedIndex = 5;
		jTrim.attr('disabled', false);
	}
	currentTrim = $('#suzv').val();}