$(document).ready(function(){







$(".small-im").click(

    function(){
 			   $('.op1').fadeOut(200);						 
 			   $(this).prev('.op1').fadeIn(200);
      }            
 
 );

$(".small-im-last").click(

    function(){
 			   $('.op1').fadeOut(200);						 
 			   $(this).prev('.op1').fadeIn(200);
 			   $(this).prev('.op1').css({marginLeft: -$(".op1").width()+$(this).width()});				
      }            
 
 );





$(".cross").click(

    function(){

$(".op1").fadeOut(100);	
			  
      }            
 
 ); 

$(".prew").click(

    function(){

     		 $('.motionnew').css({marginLeft: -$(".blockwidth:last").width()});    
          $('td.blockwidth:first', '.motionnew').before($('td.blockwidth:last', '.motionnew'));		  			
 
          $('.motionnew').animate({marginLeft: 0}, 300);			  

	  
      }            
 
 ); 

$(".next").click(
           
    function(){
     $('.motionnew').animate({marginLeft: -$(".blockwidth").width()}, 300, function() {
          $('td.blockwidth:last', this).after($('td.blockwidth:first', this));
          $(this).css({marginLeft: 0});
      });  		 
      }            
 
 ); 


		

		
	});