$(document).ready(function(){

  $('.main2, .main3').hide();

// first slider  
  var div = $('div.sc_menu'),
    ul = $('ul.sc_menu'),
    step = 0,
    i = 0;

  var divWidth = div.width();
  div.css({overflow: 'hidden'});

  var lastLi = ul.find('li:last-child');
  $('div.sc_menu').stop().animate({scrollLeft: "0px"}, 10);
  
  $('#right').click(function(){
    var cnt_img = $('.sc_menu li').size()-5;
    var step_size = $('.sc_menu li img').width()+19;
    if(i<cnt_img){
      step=step_size;
      i++;
      $('div.sc_menu').stop().animate({scrollLeft: "+="+step+"px"}, 500);
    } else {
      $('div.sc_menu').stop().animate({scrollLeft: "0px"}, 1000);
      step=0;
      i=0;
    }
  });
  
  $('#left').click(function(){
    var divmain = $('.main').width()-375;
    var offset = lastLi[0].offsetLeft-divmain;
    var cnt_img = $('.sc_menu li').size()-5;
    var step_size = $('.sc_menu li img').width()+19;
    if(i>0){
      step=step_size;
      i--;
      $('div.sc_menu').stop().animate({scrollLeft: "-="+step+"px"}, 500);
    } else {
      $('div.sc_menu').stop().animate({scrollLeft: offset+"px"}, 1000);
      step=0;
      i=cnt_img;
    }
  });
// -----------------------------

// second slider  
  var div2 = $('div.sc_menu2'),
    ul2 = $('ul.sc_menu2'),
    step2 = 0,
    i2 = 0;

  var divWidth2 = div2.width();
  div2.css({overflow: 'hidden'});

  var lastLi2 = ul2.find('li:last-child');
  $('div.sc_menu2').stop().animate({scrollLeft: "0px"}, 10);
  
  $('#right2').click(function(){
    var cnt_img = $('.sc_menu2 li').size()-5;
    var step_size = $('.sc_menu2 li img').width()+19;
    if(i2<cnt_img){
      step2=step_size;
      i2++;
      $('div.sc_menu2').stop().animate({scrollLeft: "+="+step2+"px"}, 500);
    } else {
      alert('ab');
      $('div.sc_menu2').stop().animate({scrollLeft: "0px"}, 1000);
      step2=0;
      i2=0;
    }
  });
  
  $('#left2').click(function(){
    var divmain = $('.main2').width()-375;
    var offset = lastLi2[0].offsetLeft-divmain;
    var cnt_img = $('.sc_menu2 li').size()-5;
    var step_size = $('.sc_menu2 li img').width()+19;
    if(i2>0){
      step2=step_size;
      i2--;
      $('div.sc_menu2').stop().animate({scrollLeft: "-="+step2+"px"}, 500);
    } else {
      $('div.sc_menu2').stop().animate({scrollLeft: offset+"px"}, 1000);
      step2=0;
      i2=cnt_img;
    }
  });
// -----------------------------

// third slider  
  var div3 = $('div.sc_menu3'),
    ul3 = $('ul.sc_menu3'),
    step3 = 0,
    i3 = 0;

  var divWidth3 = div3.width();
  div3.css({overflow: 'hidden'});

  var lastLi3 = ul3.find('li:last-child');
  $('div.sc_menu3').stop().animate({scrollLeft: "0px"}, 10);
  
  $('#right3').click(function(){
    var cnt_img = $('.sc_menu3 li').size()-5;
    var step_size = $('.sc_menu3 li img').width()+19;
    if(i3<cnt_img){
      step3=step_size;
      i3++;
      $('div.sc_menu3').stop().animate({scrollLeft: "+="+step3+"px"}, 500);
    } else {
      $('div.sc_menu3').stop().animate({scrollLeft: "0px"}, 1000);
      step3=0;
      i3=0;
    }
  });
  
  $('#left3').click(function(){
    var divmain = $('.main3').width()-375;
    var offset = lastLi3[0].offsetLeft-divmain;
    var cnt_img = $('.sc_menu3 li').size()-5;
    var step_size = $('.sc_menu3 li img').width()+19;
    if(i3>0){
      step3=step_size;
      i3--;
      $('div.sc_menu3').stop().animate({scrollLeft: "-="+step3+"px"}, 500);
    } else {
      $('div.sc_menu3').stop().animate({scrollLeft: offset+"px"}, 1000);
      step3=0;
      i3=cnt_img;
    }
  });
// -----------------------------


$('#special-category-slider-1').click(function(){
  $('#mash').find('img').attr('src','img/2.jpg');
  $('.main2, .main3').hide();
  $('.main').show();
});

$('#special-category-slider-2').click(function(){
  $('#mash').find('img').attr('src','img/3.jpg');
  $('.main, .main3').hide();
  $('.main2').show();
});

$('#special-category-slider-3').click(function(){
  $('#mash').find('img').attr('src','img/4.jpg');
  $('.main, .main2').hide();
  $('.main3').show();
});


});