$(document).ready(function() {
	
	$("#dealers").tablesorter({
				sortList: [[0,0]],
				
				headers: {
					2: {
						sorter:false
					},
					3: {
						sorter:false
					},
					4: {
						sorter:false
					},
					5: {
						sorter:false
					}
				}	
	});
		
	$('.img').tooltip({ 
	    track: true, 
	    delay: 0, 
	    showURL: false, 
	    extraClass: "right" 
	}); 

	var blankModel="<option value=''>--Select Model--</option>";
  	var blankVariant="<option value=''>--Select Variant--</option>";
	
	if($("#make").val()=="") {
		$('#model').attr("disabled",true);			
		$('#variant').attr("disabled",true);			
		$("#state").attr("disabled",true);
		$('#registrationCity').attr("disabled",true);											
	}		
	
	$("#make").change(function() {
		$('#variant').attr("disabled",true);			
		$("#state").attr("disabled",true);
		$('#registrationCity').attr("disabled",true);						  				

		if($("#make").val()=="") {
		  	$('#model').html(blankModel);	
		  	$('#variant').html(blankVariant);
		  	$("#registrationCity").html(blankCity);
			$('#model').attr("disabled",true);
		}
		else {
			ajaxcall("StateLevelPricing_loadModel.action","make="+$("#make").val(),"#selectModel");	
			$('#model').attr("disabled",false);			
   		  	$('#model').html(blankModel);					
			$('#variant').html(blankVariant);
   		  	$("#registrationCity").html(blankCity);
   		}
	});
		
	if(navigator.appName=="Microsoft Internet Explorer"){
	  	$("#selectModel").click(function() {
			loadModels();	
	   	});
	}
  	else{
	  	$("#selectModel").change(function() {
			loadModels();	
	   	});	
   	}

   	function loadModels() {
		$("#state").attr("disabled",true);
		$('#registrationCity').attr("disabled",true);
   		if($("#model").val()==""){
		  	$('#variant').html(blankVariant);		  
			$('#variant').attr("disabled",true);
			$("#registrationCity").html(blankCity);
			$('#variant').attr("disabled",true);						  	
		}
  		else {
  			ajaxcall("StateLevelPricing_loadVariant.action","make="+$("#make").val()+"&model="+$("#model").val(),"#selectVariant");
			$('#variant').attr("disabled",false);			  	  			
  		  	$('#variant').html(blankVariant);	
  		  	$("#registrationCity").html(blankCity);  		  	
  		}
  	}
	
	if($("#state").val() ==""){
		$('#registrationCity').attr("disabled",true);
		
	}
	
	if(navigator.appName=="Microsoft Internet Explorer"){
	  	$("#selectVariant").click(function() {
			if ($("#variant").val() == "") {
				$("#state").attr("disabled",true);
				$("#registrationCity").html(blankCity);
			}else{
				$("#state").attr("disabled",false);	
				$("#registrationCity").html(blankCity); 
			}
			
	   	});
	}
  	else{
	  	$("#selectVariant").change(function() {
			if ($("#variant").val() == "") {
				$("#state").attr("disabled",true);
				$("#registrationCity").html(blankCity);
			}else{
				$("#state").attr("disabled",false);	
				$("#registrationCity").html(blankCity); 
			}
			
	   	});	
   	}
	$("#state").change(function(){
		if ($("#state").val == "") {
			$('#registrationCity').html(blankCity);
			$('#registrationCity').attr("disabled",true);
		}else{
			ajaxcall("StateLevelPricing_loadCities.action","state="+$("#state").val(),"#selectCity");
			$('#registrationCity').attr("disabled",false);			
			$('#registrationCity').html(blankCity);
		}
	});
	function ajaxcall(url, data, destination){
		$.ajax ({
			type: "POST",
			url: url,
			data: data,
			success: function(html){
				$(destination).html(html);				
			}
		});	
	} 
	
	$('#frmCarPriceDetails').submit(function(){
		var isValid=true;
    	var errorList="";
		
		$('.message').css('display','none');
			
		if($('#make').val()=="" || $('#model').val()=="" || $('#variant').val()=="") {
			
			errorList+="<li>Plaese select all three make, model and variant.</li>";
			isValid=false;
		    $('#errorDiv').css("display","block");
			$('#errorDiv').html("<div class='message error'><ol><b>"+errorList+"</b></ol></div>");
			document.location=errorUrl(window.location);
			return isValid;
		}
		if($('#state').val()==""){
			errorList+="<li>Please select a State.</li>";
			isValid=false;
		    $('#errorDiv').css("display","block");
			$('#errorDiv').html("<div class='message error'><ol><b>"+errorList+"</b></ol></div>");
			document.location=errorUrl(window.location);
			return isValid;
		}
		
		if($('#registrationCity').val()==""){
			errorList+="<li>Please select a City.</li>";
			isValid=false;
		    $('#errorDiv').css("display","block");
			$('#errorDiv').html("<div class='message error'><ol><b>"+errorList+"</b></ol></div>");
			document.location=errorUrl(window.location);
			return isValid;
		}
		
		return isValid;
    });
	
	function errorUrl(url){		
		var loc = new String(url);
		loc = loc.replace("#error","");
		loc = loc + "#error";
		return loc;
	}	
	
	$('#errorDiv').css("display","none");
	
});