$(document).ready(function(){
	  maxWidth = 200;
    minWidth = 0;	
	//klapplinks
	$(".img").css('position','absolute');
		$(".img").css('left','-300px');

$(".klm").hover(
  function () {
   $(this).find(".img").animate({left:"0px"}, { queue:false, duration:400});
  }, 
  function () {
    $(this).find(".img").animate({left:"-300px"}, { queue:false, duration:300});
  }
);

$("#klmwrap").mouseenter(function(){
    clearTimeout($(this).data('timeoutId'));
}).mouseleave(function(){
    var someelement = this;
    var timeoutId = setTimeout(function(){ $(someelement).find(".img").animate({left:"-300px"}, { queue:false, duration:200});}, 650);
    $(someelement).data('timeoutId', timeoutId); //set the timeoutId, allowing us to clear this trigger if the mouse comes back over
});

		
});