$(document).ready(function() {

	$('.year').change(function() {
		var year = $('.year').val();
		
		if(year == ''){
			alert('Please select a Year');
		} else {
			$.post("/buy/make", { "year" : year },
				function (data){
					var options = '<option value="">Select Make</option>\n';
					var blank = '<option value="">--</option>\n';
					var rows = data.count;
					for (var row = 1; row <= rows; row++) {
						options += '<option value="' + data.makes[row].MakeID + '">' + data.makes[row].Make + '</option>' + '\n';
					}
					$("select.make").html(options);
					$("select.model").html(blank);
			        $('select.year').removeClass('focusSelect');
			        $('select.year').addClass('focusSelected');
			        $('select.make').removeClass('focusSelected');
			        $('select.make').removeClass('idleSelect');
			        $('select.make').addClass('focusSelect');
			        $('select.model').removeClass('focusSelect');
			        $('select.model').removeClass('focusSelected');
			        $('select.model').removeClass('idleSelect');
			        $('select.model').addClass('idleSelect');
			        $('select.year').blur();
			        $('select.make').blur();
			        $('select.model').blur();
				}, "json" );
		}
	});

	$('.make').change(function() {
		var year = $('.year').val();
		var makeid = $('.make').val();
		
		if(year == ''){
			alert('Please select a Year');
		} else if(makeid == ''){
			alert('Please select a Make');
		} else {
			$.post("/buy/model", { "year" : year, "makeid" : makeid },
				function (data){
					var options = '<option value="">Select Model</option>\n';
					var rows = data.count;
					for (var row = 1; row <= rows; row++) {
						options += '<option value="' + data.models[row].ModelID + '">' + data.models[row].Model + '</option>' + '\n';
					}
					$("select.model").html(options);
			        $('select.make').removeClass('focusSelect');
			        $('select.make').removeClass('idleSelect');
			        $('select.make').addClass('focusSelected');
			        $('select.model').removeClass('focusSelect');
			        $('select.model').removeClass('focusSelected');
			        $('select.model').removeClass('idleSelect');
			        $('select.model').addClass('focusSelect');
			        $('select.year').blur();
			        $('select.make').blur();
			        $('select.model').blur();
				}, "json" );
		}
		
	});

	$('.model').change(function() {
        $('select.model').removeClass('focusSelect');
        $('select.model').removeClass('focusSelected');
        $('select.model').removeClass('idleSelect');
        $('select.model').addClass('focusSelected');
        $('input[type="text"]').removeClass("idleField").addClass("focusField");
        $('select.year').blur();
        $('select.make').blur();
        $('select.model').blur();
	});

	$('#results .model').change(function() {
		var year = $('.year').val();
		var makeid = $('.make').val();
		var modelid = $('.model').val();
		
		if(year == ''){
			alert('Please select a Year');
		} else if(makeid == ''){
			alert('Please select a Make');
		} else if(modelid == ''){
			alert('Please select a Model');
		} else {
			$('#results').submit();
		}
	});

	$('#results-search .model').change(function() {
		var year = $('.year').val();
		var makeid = $('.make').val();
		var modelid = $('.model').val();
		
		if(year == ''){
			alert('Please select a Year');
		} else if(makeid == ''){
			alert('Please select a Make');
		} else if(modelid == ''){
			alert('Please select a Model');
		} else {
			$('#results-search').submit();
		}
	});

	$('#distributors .state').change(function() {
		var state = $('.state').val();
		
		if(state == ''){
			alert('Please select a State');
		} else {
			$('#distributors').submit();
		}
	});


// Text Input Focus	
	$('input[type="text"]').addClass("idleField");
	$('input[type="text"]').focus(function() {
		$(this).removeClass("idleField").addClass("focusField");
	    if (this.value == this.defaultValue){ 
	    	this.value = '';
		}
		if(this.value != this.defaultValue){
			this.select();
		}
	});
	$('input[type="text"]').blur(function() {
		$(this).removeClass("focusField").addClass("idleField");
	    if ($.trim(this.value) == ''){
	    	this.value = (this.defaultValue ? this.defaultValue : '');
		}
	});


// Select Input	
	$('select.year').addClass("focusSelect");
	$('select.make').addClass("idleSelect");
	$('select.model').addClass("idleSelect");
	$('#distributors .state').addClass("focusSelect");


// Select Input	- Results
	$('#results select.make').removeClass("idleSelect");
	$('#results select.model').removeClass("idleSelect");
	$('#results select.year').addClass("focusSelected");
	$('#results select.make').addClass("focusSelected");
	$('#results select.model').addClass("focusSelected");


// Select Input	- Results Search
	$('#results select.make').removeClass("idleSelect");
	$('#results select.model').removeClass("idleSelect");
	$('#results-search select.year').addClass("focusSelect");
	$('#results-search select.make').addClass("idleSelect");
	$('#results-search select.model').addClass("idleSelect");

});