$(document).ready(function() {    
	$('.date-pick').datePicker({clickInput:true})
	$('.dp-choose-date').html("    ");	

	if(document.getElementById("newRadio").checked==true) {
			
		$('#insuranceCompanyAndDate').css("display","none");
	}
	else if(document.getElementById("renewalRadio").checked==true) {
		$('#insuranceCompanyAndDate').css("display","block");
	}
	
	$('.detailClass').hide();
	
	
   $('.img').tooltip({ 
	    track: true, 
	    delay: 0, 
	    showURL: false, 
	    extraClass: "right" 
	}); 

	var blankState ="<option value=''>--Select State--</option>";
	var blankCity="<option value=''>--Select City--</option>";
	var blankMake="<option value=''>--Select Make--</option>";
	var blankModel="<option value=''>--Select Model--</option>";
  	var blankVariant="<option value=''>--Select Variant--</option>";
    var blankMonth="<option value=''>--Month--</option>";
    var blankYear="<option value=''>--Year--</option>";
	
	if(navigator.appName=="Microsoft Internet Explorer"){
	  	$("#insuranceTypeSpan").click(function() {
			loadRenewalService();	
	   	});
	}
  	else{
	  	$("#insuranceTypeSpan").change(function() {
			loadRenewalService();	
	   	});	
   	}
	
	function loadRenewalService() {
		var selectedRadio;
		
		if(document.getElementById("newRadio").checked==true) {
			selectedRadio=$("#newRadio").val();
		}
		else if(document.getElementById("renewalRadio").checked==true) {
			selectedRadio=$("#renewalRadio").val();
		}
		if(selectedRadio=="Renewal")
			$('#insuranceCompanyAndDate').css("display","block");
		else
			$('#insuranceCompanyAndDate').css("display","none");
	}
	
	if($("#make").val()=="") {
		$('#model').attr("disabled",true);			
		$('#variant').attr("disabled",true);			
		$('#months').attr("disabled",true);						
		$('#years').attr("disabled",true);	
		$("#state").attr("disabled",true);
		$('#registrationCity').attr("disabled",true);							
	}		
	
	$("#make").change(function() {
		$('#variant').attr("disabled",true);			
		$('#months').attr("disabled",true);						
		$('#years').attr("disabled",true);
		$("#state").attr("disabled",true);
		$('#registrationCity').attr("disabled",true);				
		if($("#make").val()=="") {
		  	$('#model').html(blankModel);	
		  	$('#variant').html(blankVariant);
		  	$('#years').html(blankYear);
			
			$("#registrationCity").html(blankCity);
			$('#model').attr("disabled",true);
		}
		else {
			ajaxcall("Insurance_loadModel.action","make="+$("#make").val(),"#selectModel");	
			$('#model').attr("disabled",false);			
   		  	$('#model').html(blankModel);					
			$('#variant').html(blankVariant);
   		  	$('#years').html(blankYear);
			
			$("#registrationCity").html(blankCity);	
   		}
	});
		
	if(navigator.appName=="Microsoft Internet Explorer"){
	  	$("#selectModel").click(function() {
			loadModels();	
	   	});
	}
  	else{
	  	$("#selectModel").change(function() {
			loadModels();	
	   	});	
   	}

   	function loadModels() {
		$('#months').attr("disabled",true);						
		$('#years').attr("disabled",true);			
		$("#state").attr("disabled",true);
		$('#registrationCity').attr("disabled",true);
   		if($("#model").val()==""){
		  	$('#variant').html(blankVariant);
		  	$('#years').html(blankYear);
			
			$("#registrationCity").html(blankCity);
			$('#variant').attr("disabled",true);			  	
		}
  		else {
  			ajaxcall("Insurance_loadVariant.action","make="+$("#make").val()+"&model="+$("#model").val(),"#selectVariant");
			$('#variant').attr("disabled",false);			  	  			
  		  	$('#variant').html(blankVariant);	
  		  	$('#years').html(blankYear);	
			
			$("#registrationCity").html(blankCity);  		  	
  		}
  	}

	if(navigator.appName=="Microsoft Internet Explorer"){
	  	$("#selectVariant").click(function() {
			loadYears();
			
	   	});
	}
  	else{
	  	$("#selectVariant").change(function() {
			loadYears();
			
	   	});	
   	}
   	
  
	function loadYears(){
		$("#state").attr("disabled",true);
	 	$('#registrationCity').attr("disabled",true);		
  		if($("#variant").val()=="") {
			$('#months').attr("disabled",true);						
			$('#years').attr("disabled",true);		
			$("#registrationCity").html(blankCity);  		  				
			
   		}
   		else {
   			ajaxcall("Insurance_loadYears.action","make="+$("#make").val()+"&model="+$("#model").val()+"&variant="+$("#variant").val(),"#yearSpan");   			
			$('#months').attr("disabled",false);						
			$('#years').attr("disabled",false);	
				
			$("#registrationCity").html(blankCity);  		  	
					   			
   		}
	}
	
	if(navigator.appName=="Microsoft Internet Explorer"){
	  	$("#yearSpan").click(function() {
			if($("#years").val()==""){
				$("#state").attr("disabled",true);
				$("#registrationCity").html(blankCity);
			}else{
				$("#state").attr("disabled",false);	
				$("#registrationCity").html(blankCity); 
			}
			
	   	});
	}else{
	  $("#yearSpan").change(function() {
			if($("#years").val()==""){
				$("#state").attr("disabled",true);
				
				$("#registrationCity").html(blankCity);
			}else{
				$("#state").attr("disabled",false);	
				$("#registrationCity").html(blankCity); 
			}
			
	   	});
   	}
	
	if($("#state").val() ==""){
		$('#registrationCity').attr("disabled",true);
		
	}
	
	$("#state").change(function(){
		if ($("#state").val == "") {
			$('#registrationCity').html(blankCity);
			$('#registrationCity').attr("disabled",true);
		}else{
			ajaxcall("Insurance_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);				
			}
		});	
	} 
	
	$('#frmCalculatedInsuranceDetails').submit(function(){
		var isValid=true;
    	var errorList="";
		if($('#selectedCompanyName').val()=="") {
			errorList+="<li>Plaese select insurance company for buying insurance.</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;
	});

	$('#frmInsuranceDetails').submit(function(){
		var isValid=true;
    	var errorList="";
		var monthArr=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

		$('.message').css('display','none');
			
		if(document.getElementById("renewalRadio").checked==true && $('#prevInsuranceCompany').val() == ""){
			errorList+="<li>Plaese select previous insurance company name.</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(document.getElementById("renewalRadio").checked==true && $('#prevInsuranceCompletionDate').val() == ""){
			errorList+="<li>Plaese select previous insurance completion date.</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($('#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($('#months').val()=="") {
			errorList+="<li>Please select a month of purchase.</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($('#years').val()=="") {
			errorList+="<li>Please select a year of purchase.</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;
		}
		
		if(RegExp('^[[0-9]+$').test($('#electricAccessoriesValue').val())==false){
			
			errorList+="<li>Invalid value for electric accessories !</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(RegExp('^[[0-9]+$').test($('#nonElectricAccessoriesValue').val())==false){
			errorList+="<li>Invalid value for non electric accessories !</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(RegExp('^[[0-9]+$').test($('#bioFuelKitValue').val())==false){
			errorList+="<li>Invalid value for bio fuel kit !</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($('#years').val()==(2000+(new Date().getYear()-100))) {
			var i=0;
			for(i=0; i<12; i++) 
				if(monthArr[i]==$('#months').val()) {
					if (i>(new Date().getMonth())) {
						errorList+="<li>Invalid purchase year ! Enter valid purchase year.</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 false;	
					}			
				}	
				return true;
		}
	
		
		return isValid;
    });
	
	function errorUrl(url){
		var loc = new String(url);
		loc = loc.replace("#error","");
		loc = loc + "#error";
		return loc;
	}
    $('#errorDiv').css("display","none");
	
	$('.showDetail').click(function(){
		var detailVar = $(this);
		if(detailVar.html()=='Show Detail'){
		 	detailVar.parent("td").parent("tr").css("background-color","#d7e7f6");
			detailVar.html('Hide Detail');
		}else
		{
			detailVar.parent("td").parent("tr").css("background-color","#fff");
			detailVar.html('Show Detail');
		}
		$(this).parent("td").parent("tr").next('.detailClass').toggle();
		return false;
	});

});