$(document).ready(function() {
  
  
  var Uls      = $('ul.sc_menu');
  var widthGal = $('div.sc_menu').get(0);
  widthGal     = parseInt(($(widthGal).css('width')).substring(0, ($(widthGal).css("width")).lastIndexOf('px')));

  jQuery.each(Uls, function(index, val) {
      widthUl = parseInt(($(val).css('width')).substring(0, ($(val).css("width")).lastIndexOf('px')));
      if (widthUl <= widthGal) {
         var parent   = ($(val).parent()).parent();
         ($(parent).find('.left_b')).toggleClass('disable');
         ($(parent).find('.right_b')).toggleClass('disable');
      }else {
         $(".gallery .left_b").removeClass('block');
      }
  });
  $(".gallery .left_b").toggleClass('block');

  $('.left_b', this).click(function() {
      if($(this).hasClass('disable')) return false;
      if($(this).hasClass('block')) return false;

      var ul = ($(this).parent()).find('ul.sc_menu');

      var widthUl = parseInt(($(ul).css('width')).substring(0, ($(ul).css("width")).lastIndexOf('px')));
      var left = parseInt((ul.css('left')).substring(0, (ul.css("width")).lastIndexOf('px') + 1));
      widthGal = parseInt(widthGal);


      if (left == 0) {
        $(this).toggleClass('block');
        var r_button = ($(this).parent()).find('.right_b');
        if($(r_button).hasClass('block'))
          $(r_button).removeClass('block');
        return false;
      }
      ul.animate({"left": "+=+116px"}, "fast");
      
      var r_button = ($(this).parent()).find('.right_b');
      if($(r_button).hasClass('block'))
        $(r_button).removeClass('block');
    
  });

  $('.right_b', this).click(function() {
  
  
      if($(this).hasClass('disable')) return false;
      if($(this).hasClass('block')) return false;
      var ul = ($(this).parent()).find('ul.sc_menu');

      var widthUl = parseInt(($(ul).css('width')).substring(0, ($(ul).css("width")).lastIndexOf('px')));
      var left = parseInt((ul.css('left')).substring(0, (ul.css("width")).lastIndexOf('px') + 1));
      widthGal = parseInt(widthGal);
      
      var sub = widthUl+left;

      if (sub == widthGal) {
        $(this).toggleClass('block');
        var l_button = ($(this).parent()).find('.left_b');
        $(l_button).toggleClass('block');
        $(this).removeClass('block');
        ul.animate({"left": "+="+ Math.abs(left) +"px"}, "fast");        
        return false;
      }
	  
	  if((sub-116) == widthGal) { 
        var r_button = ($(this).parent()).find('.right_b');		
        $(r_button).toggleClass('block');		
	  }
	  
      ul.animate({"left": "+=-116px"}, "fast");

      var l_button = ($(this).parent()).find('.left_b');
      if($(l_button).hasClass('block'))
        $(l_button).removeClass('block');		
  });
  
})