// Used on Left Menu
$(document).ready(function() {
	load_model_options();

        $('select#make').bind('change',function() { return load_model_options(); });
        $('select#model').bind('change', function() { return go_to_model(); });

        $('input#find_make').bind('click', function() { return go_to_make(); });
        $('input#find_model').bind('click', function() { return go_to_model(); });

});

function reset_select(ns) {
    $("#generation_select" + ns).load("/fiches/reset_select?ns=" + ns);
}

function show_alert_submit(id) {
	$('#alert_form_submit_' + id).show();
}

function show_alert_form() {
	$('#alert_form').show();
}

var go_to_model = function() {
	window.location = '/fiches/model/' + $('select#model').val();
}

var go_to_make = function() {
	window.location = '/fiches/make/' + $('select#make').val();
}

var load_model_options = function() {
	if ($('select#make').val() != "0") {
	$.getJSON('/fiches/model_options/' + $('select#make').val(), function(j) {
		var options = '';
		for (var i = 0; i < j.length; i++) {
			if (j[i].optionValue == window._current_model) {
				options += '<option selected value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			} else {
				options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
			}
		}
		$("select#model").html(options);
	});
	$('div#group_label').load('/home/get_group/' + $('select#make').val());
	}
}

// Used for selection
var load_model_options_select = function(ns) {
	if ($('select#make' + ns).val() != "0") {
	$.getJSON('/fiches/model_options/' + $('select#make' + ns).val(), function(j) {
		var options = '';
		for (var i = 0; i < j.length; i++) {
			options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
		}
		$("select#model" + ns).html(options);
		load_generation_options_select(ns);
	});
	}
}

var load_generation_options_select = function(ns) {
	if ($('select#model' + ns).val() != "0") {
	$.getJSON('/fiches/generation_options/' + $('select#model' + ns).val(), function(j) {
		var options = '';
		for (var i = 0; i < j.length; i++) {
			options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
		}
		$("select#generation" + ns).html(options);
		load_car_image(ns);
	});
	}
}

var load_car_image = function(ns) {
	if ($('select#generation' + ns).val() != "0") {
	$.getJSON('/fiches/generation_image/' + $('select#generation' + ns).val(), function(j) {
		var del_link = '&nbsp;&nbsp;&nbsp;<a href="#" onclick="reset_select(\'' + ns + '\'); return false;">' + window.remove_label + '</a>';
		$("div#carImage" + ns).html("<img src='" + j.url + "'/>" + del_link);
	});
	}
}