$(document).ready(function(){




$(".arrow1").hoverIntent(

 function(){
          $(this).find(".leftim").css({display:"block"});
  	       },
 function(){
          $(this).find(".leftim").css({display:"none"});		 			 			 			 
  	       }		   
);


$(".arrow2").hoverIntent(

 function(){
          $(this).find(".rightim").css({display:"block"});
  	       },
 function(){
          $(this).find(".rightim").css({display:"none"});		 			 			 			 
  	       }		   
);





var sliderw=0;




    $(".arrow2").click(function() {
        $('.sliderBlock').animate({marginLeft: -365}, 300, function() {
            $('td:last', this).after($('td:first', this));
            $(this).css({marginLeft: 0});
        });
    });
	 
	 
    
    $(".arrow1").click(function() {
        $('.sliderBlock').each(function() {
            $('td:first', this).before($('td:last', this));
            $(this)
                .css({marginLeft: -365})
                .animate({marginLeft: 0}, 300);
        })
    });





			
		
			



		
	});