(function($) {

	$.extend({
		add2compare: function(vrm, callback) {

		//alert('vrm: ' + vrm);


      //var source = $('#' + source_id );
      var source_id = ('vehicle_image_' + vrm);
      //alert('NEW Source_id: ' + source_id);
      
      var source = $('#' + source_id);
      //alert('source: ' + source);
      
      //var target = $('#' + target_id );
      var target = $('#compare_target');
      
      var shadow = $('#' + source_id + '_shadow');
      if( !shadow.attr('id') ) {
          $('body').prepend('<div id="'+source.attr('id')+'_shadow" style="display: none; background-color: #ddd; border: solid 1px darkgray; position: static; top: 0px; z-index: 100000;">&nbsp;</div>');
          var shadow = $('#'+source.attr('id')+'_shadow');
      }
      
      if( !shadow ) {
          alert('Cannot create the shadow div');
      }
      
      shadow.width(source.css('width')).height(source.css('height')).css('top', source.offset().top).css('left', source.offset().left).css('opacity', 0.5).show();
      shadow.css('position', 'absolute');

      shadow.animate( { width: target.innerWidth(), height: target.innerHeight(), top: target.offset().top, left: target.offset().left }, { duration: 300 } )
        .animate( { opacity: 0 }, { duration: 100 } );
        
		/* $("#compare_panel").load('ajax_content.php', { mode : add_compare_vehicle } ); */

		var info = 'mode=add_compare_vehicle&vrm=' + vrm;

		$.ajax({
		type: "GET",
		dataType: "html",
		url: "ajax_content.php",
		data: info,
		success: function(data){
			$('#compare_panel').html(data);					
		}			
		});
	
		/*
		$("#compare_panel").load("ajax_content.php?mode=get_compare_panel");
		*/


        
	}


	});
	
	
	$.extend({
		removefromcompare: function(vrm, callback) {

		//alert('remove from compare - vrm: ' + vrm);
		
		//Need the scale js file.
		//$('#compared_vehicle_' + vrm).hide("scale", {}, 1000);

		
		var info = 'mode=remove_compare_vehicle&vrm=' + vrm;

		$.post('ajax.php?mode=remove_compare_vehicle&vrm=' + vrm, 
		function(data){  
		  $("#compare_panel").load('ajax_content.php?mode=get_compare_panel');
		  //$("#compare_panel").html('<h2>Test</h2>');
		},
		'json');

       

	}


	});	
})(jQuery);