$(function () {
 var wait_for_frame_animate = 0;
 var frame_pos = new Array();
 var frame_first_img = 0;
 var frame_size = $('.frame_inner_box1').size();
 for(var i = 0; i < frame_size; i++)
 {  frame_pos[i] = i * 165;
   $('.frame_inner_box1:eq(' + i + ')').css({'left': frame_pos[i] + 'px'});
   if(i >= 6) $('.frame_inner_box1:eq(' + i + ')').hide();
 }
 for(var i = 1; i < 6; i+=2)
   $('.frame_inner_box1:eq(' + i + ')').addClass('frame_inner_box2');
 if(frame_size > 6)
   $('.frame_inner_inner').html($('.frame_inner_inner').html() + ' <div id="frame_inner_right"></div><div id="frame_inner_left"></div>');
 // Перемещаем картинки по клику
 $('#frame_inner_right').click(function(){ 
   if(wait_for_frame_animate) return; else wait_for_frame_animate = 1;
   if(frame_first_img >= frame_size - 6) {
    for(var i = 0; i < frame_size; i++)
     $('.frame_inner_box1:eq(' + i +')').animate({'left': frame_pos[i] - 15 + 'px'}, 200 );
    for(var i = 0; i < frame_size; i++)
     $('.frame_inner_box1:eq(' + i +')').animate({'left': frame_pos[i] + 'px'}, 300,
      function(){ wait_for_frame_animate = 0; });
    return false;
   }
   var old_frame = frame_first_img;
   var add_frame = frame_first_img + 6;
   if(add_frame >= frame_size) add_frame -= frame_size; 
   if($('.frame_inner_box1:eq(' + frame_first_img + ')').hasClass('frame_inner_box2'))
     $('.frame_inner_box1:eq(' + add_frame + ')').addClass('frame_inner_box2');
   else $('.frame_inner_box1:eq(' + add_frame + ')').removeClass('frame_inner_box2');
   // Смещаем новый блок
   frame_pos[add_frame] = 6 * 165;
   $('.frame_inner_box1:eq(' + add_frame + ')').hide();
   $('.frame_inner_box1:eq(' + add_frame + ')').css({'left': 6 * 165 + 'px'});
   $('.frame_inner_box1:eq(' + add_frame + ')').show();
   // Перемещаем
   for(var i = 0; i <  frame_size; i++)
   { frame_pos[i] = frame_pos[i] - 170;
    $('.frame_inner_box1:eq(' + i +')').animate({'left': frame_pos[i] + 'px'}, 300);
   }
   for(var i = 0; i <  frame_size; i++)
   { frame_pos[i] = frame_pos[i] + 5;
    $('.frame_inner_box1:eq(' + i +')').animate({'left': frame_pos[i] + 'px'}, 200, function(){
      $('.frame_inner_box1:eq(' + old_frame + ')').hide(); wait_for_frame_animate = 0;});
   }
   if(++frame_first_img >= frame_size) frame_first_img--;
 });   
 $('#frame_inner_left').click(function(){ 
   if(wait_for_frame_animate) return; else wait_for_frame_animate = 1;
   if(frame_first_img == 0) {
    for(var i = 0; i < frame_size; i++)
     $('.frame_inner_box1:eq(' + i +')').animate({'left': frame_pos[i] + 10 + 'px'}, 200 );
    for(var i = 0; i < frame_size; i++)
     $('.frame_inner_box1:eq(' + i +')').animate({'left': frame_pos[i] + 'px'}, 300,
      function(){ wait_for_frame_animate = 0; });
    return false;
   }
   var old_frame = frame_first_img + 5;
   if(old_frame >= frame_size) old_frame -= frame_size; 
   var add_frame = frame_first_img - 1;
   if(add_frame < 0) add_frame += frame_size; 
   if($('.frame_inner_box1:eq(' + frame_first_img + ')').hasClass('frame_inner_box2'))
     $('.frame_inner_box1:eq(' + add_frame + ')').removeClass('frame_inner_box2');
   else $('.frame_inner_box1:eq(' + add_frame + ')').addClass('frame_inner_box2');
   // Смещаем новый блок
   frame_pos[add_frame] = -165;
   $('.frame_inner_box1:eq(' + add_frame + ')').hide();
   $('.frame_inner_box1:eq(' + add_frame + ')').css({'left': -165 + 'px'});
   $('.frame_inner_box1:eq(' + add_frame + ')').show();
   // Перемещаем
   for(var i = 0; i <  frame_size; i++)
   { frame_pos[i] = frame_pos[i] + 170;
    $('.frame_inner_box1:eq(' + i +')').animate({'left': frame_pos[i] + 'px'}, 300);
   }
   for(var i = 0; i <  frame_size; i++)
   { frame_pos[i] = frame_pos[i] - 5;
    $('.frame_inner_box1:eq(' + i +')').animate({'left': frame_pos[i] + 'px'}, 200, function(){
       $('.frame_inner_box1:eq(' + old_frame + ')').hide(); wait_for_frame_animate = 0;});
   }
   if(--frame_first_img < 0 ) frame_first_img = frame_size - 1;
 });

 $('#frame_inner_left').mouseover( function() { $(this).css({'background-position': '-10px 53px', 'background-color': '#bcbcbc'}); });
 $('#frame_inner_left').mouseleave( function() { $(this).css({'background-position': '-10px 53px', 'background-color': '#ccc'}); });
 $('#frame_inner_right').mouseover( function() { $(this).css({'background-position': '3px 53px', 'background-color': '#bcbcbc'}); });
 $('#frame_inner_right').mouseleave( function() { $(this).css({'background-position': '3px 53px', 'background-color': '#ccc'}); }); 

});