//to avoid conflict with prototype
       jQuery.noConflict();
           
       // When the page is ready
       jQuery(document).ready(function($){
            //$('.tool_tip span').bgiframe();
            //CLICK HANDLER FOR TOOLTIPS
            $(".tool_tip").toggle(function(){
                    tool_tip = $(this).children("span");
                    tool_tip.bgiframe();
                    tool_tip.css({'z-index':'1000',
                                  'position':'absolute',
                                  'left':'20px', 'width':'45em',
                                  'border':'1px solid #A5C168',
                                  'background-color':'#fff', 'color':'#333',
                                  'text-align': 'left',
                                  'padding': '5px'});
                    tool_tip.fadeIn('fast');
                    //have to do this after the tip has appeared, or we'll get weird readings
                    var_offset = tool_tip.height();
                    var_offset_positive = var_offset + 'px';
                    var_offset = '-' + var_offset + 'px';
                    var offscreen_px = tool_tip.offset();
                    if (offscreen_px.top < 0){
                        tool_tip.css({'top': '0px', 'height': var_offset_positive});                     
                    }
                        
            }, 
            function(){
                tool_tip = $(this).children("span");
                tool_tip.fadeOut('fast');
            });
			
            //ADD VIOLATIONS
            $("select#q_661").change(function(){
                $('#loader').slideToggle("slow")
                //get number of violations to add
                var var_how_many = $("select#q_661 option:selected").text();
                //get the element to add this after
                var var_item_to_add_after = $(this).parent();
                //have the item refocus on another item so IE6 doesn't go nuts on us
                $('#q_771_4501').focus();
                $.ajax({
                   type: "GET",
                   url: "/take_application/violations/" + var_how_many,
                   data: "",
                   //use ajax callback to insert the data into 
                   success: function(returned_data){
                    if(returned_data != ""){
						//alert(returned_data);
                        //on a field change remove all the present items
                        $("div.divviolations").remove();

                        //then add them back
                        $(var_item_to_add_after).after(returned_data);
                        //fade them in
                      	//$("div.divviolations").css('background-color', 'gold');
                        //$("div.divviolations").animate( { 'backgroundColor' : 'white'}, 2000);
                        $('#loader').slideToggle("slow")
                    }else{
                        $('#loader').slideToggle("slow")
                    }
                   }
                });
            });
       });
	   

function updateYear(val)
{	
  
   jQuery(document).ready(function($){
	  $("#select-make").hide();
	  $('#loadingmake').show();
	  	$.ajax({type: "GET",url: '/car_models/update_year_select/'+val+'/', data: "",  cache: false,success:function(returned_data)
		{
			if (val == 00 )
			{
				
				$('#loadingmake').hide();
				$("#select-make").show();
				$('#update-year').html(returned_data);
				document.getElementById('update-make').options.length  = 0;
				document.getElementById('update-make').options[0] = new Option("Select Make", "");
				document.getElementById(trim_id).style.display = 'none';
				document.getElementById(vin_id).style.display = '';
				modelURL = '/car_models/update_mode_text/';
				
				$("#select-model").load(modelURL);
				ShowFea('No')
				
			}	
			
			else if ( val == 01 )
			{
				$('#loadingmake').hide();
				$("#select-make").show();
				$('#update-year').html(returned_data);
				document.getElementById('update-make').options.length  = 0;
				document.getElementById('update-make').options[0] = new Option("Select Make", "");
				document.getElementById(trim_id).style.display = '';
				document.getElementById(vin_id).style.display = 'none';
				if (document.getElementById('update-model'))
				{
					document.getElementById('update-model').options.length  = 0;
					document.getElementById('update-model').options[0] = new Option("Select Model", "");
				}
				if (document.getElementById('update-trim'))
				{
					document.getElementById('update-trim').options.length  = 0;
					document.getElementById('update-trim').options[0] = new Option("Select Trim", "");
				}	
				modelURL = '/car_models/update_mode_select/';
				$("#select-model").load(modelURL);
				ShowFea('Yes')


			}
			else
			{
				$('#loadingmake').hide();
				$("#select-make").show();
				$('#update-make').html(returned_data);
				
				if (val >=1981)
				{
					document.getElementById('update-model').options.length  = 0;
					document.getElementById('update-model').options[0] = new Option("Select Model", "");
					document.getElementById('update-trim').options.length  = 0;
					document.getElementById('update-trim').options[0] = new Option("Select Trim", "");
					ShowFea('Yes')
				}
				else
				{
					ShowFea('No')
				}	

			}
		}
		});   
   });
}	   	

function updateMake(val)
{
  jQuery(document).ready(function($){
  	  year = $("select#update-year").val();
	
	  if (year >=1981)
	  {
	  	  $("#select-model").hide();
		  $('#loadingmodel').show();
		  	$.ajax({type: "GET",url: '/car_models/update_make_select/'+year+'/'+val+'/', data: "",  cache: false,success:function(returned_data)
			{
				
					$('#loadingmodel').hide();
					$("#select-model").show();
		
					$('#update-model').html(returned_data);
					document.getElementById('update-trim').options.length  = 0;
					document.getElementById('update-trim').options[0] = new Option("Select Trim", "");
		
			}
			});   
	 }		
   });

}

function updateModel(val)
{

	jQuery(document).ready(function($){
	  $("#select-trim").hide();
	  $('#loadingtrim').show();	
  	  year = $("select#update-year").val();
	  make = $("select#update-make").val();
	  $('#loading').slideToggle("slow")
	  //alert('/car_models/update_model_select/'+year+'/'+make+'/'+val+'/');
		$.ajax({type: "GET",url: '/car_models/update_model_select/'+year+'/'+make+'/'+val+'/', data: "",  cache: false,success:function(returned_data)
		{
		  	$('#loadingtrim').hide();	
			$("#select-trim").show();
			$('#update-trim').html(returned_data);
			$('#loading').slideToggle("slow")
		}
	});   
  });
	
}

function ShowFea(val)
{
	if(val == 'Yes')
	{
		if (document.getElementById('safe6660'))
			document.getElementById('safe6660').style.display = 'none';
		if (document.getElementById('safe6661'))
			document.getElementById('safe6661').style.display = 'none';
	}
	else
	{
		if(document.getElementById('safe6660'))
			document.getElementById('safe6660').style.display = '';
		if(document.getElementById('safe6661'))	
			document.getElementById('safe6661').style.display = '';
		
	} 	

}