$(document).ready(function() {
      //$(".paging div:first").addClass("active");      
    
      var imageWidth = $(".window").width();
      var imageSum = $(".div_reel div").size();  
      var imageReelWidth = imageWidth * imageSum;      
     
      $(".div_reel").css({'width' : imageReelWidth});
      
      rotate = function(){
          var tmp = $active.attr("id");
          var triggerID = Number(tmp.replace("page-","")); 
          var image_reelPosition = triggerID * imageWidth; 
      
          $(".pages").removeClass('active'); 
          $active.addClass('active');       
         
          $(".div_reel").stop().animate({
              left: -image_reelPosition              
          }, 500 );
      
      };     
      
      $(".paging .pages").hover(function() {
          $active = $(this);
          rotate(); 
          return false; 
      });      
      
  	});