$(document).ready(function(){
  
  var BigImg = $("#photo_detail");
  var BigImgCopy = $("#photo_detail_2");
  var UrlBigImg;
  var UrlLargeImg;
  
  // Обрабатываем якорь если он задан в ссылке
  if (location.hash)
  {
    var reg = /\d+/; 
    var hashImage = reg.exec(location.hash);// Вырезаем только цифры 
    
    var imgID = "#picID-" + hashImage + " img";// Формируем идентификатор
  
    $(".small-pic").removeAttr("id");
    $(imgID).attr("id","small-img-selected"); 

    UrlBigImg = $(imgID).attr("rel");
    UrlLargeImg = $(imgID).attr("img");
    
    BigImgCopy.attr("src", UrlBigImg);
    $("#do_magnify").attr("href", UrlLargeImg);
  }
  
  //Обработчик при клике на маленькую картинку
  $(".small-pic").click(function(){
              
    $(".small-pic").removeAttr("id");
    $(this).attr("id","small-img-selected");

    $("div.loading-big-img").show();
    UrlBigImg = $(this).attr("rel");
    UrlLargeImg = $(this).attr("img");

    BigImgCopy.attr("src", UrlBigImg);
    $("#do_magnify").attr("href", UrlLargeImg);
  });
  
  //Обработчик после загрузки большой картинки
  BigImgCopy.load(function () {

    $("#photo_detail").hide();
    $("#photo_detail_2").hide(); 
    
    BigImg.attr("id","photo_detail-2");
    BigImgCopy.attr("id","photo_detail");
    
    $(".loading-big-img").hide();
    $("#photo_detail").fadeIn("slow");
    
    $("div.enlarge").fadeIn("slow");// Показываем кнопку увеличения картинки
  });
});


/*
$(document).ready(function(){

	// скролер фотографий

	var wrapper = $("div.sc_menu_wrapper");
	var scroll_area = $("div.sc_menu");

	var margin = 82; // Сколько пикселей сверху и снизу оставлять для прокрутки
	
  var wrapperHeight = wrapper.height();
	var wrapperOffset = wrapper.offset();

	var pos_y;

	wrapper.mousemove(function(e){
		pos_y = e.pageY;
		CheckScrollPos();
	});

	function CheckScrollPos()
	{
		var top = pos_y - wrapperOffset.top; // Положение курсора сверху
		
		// $("#debug").html(wrapper.scrollTop());

		if (top >= 0 && top <= margin)
		{
			do_scroll("-"); // Крутим вверх
		}
		else
		{
			if (top >= (wrapperHeight - margin) && top <= wrapperHeight)
			{
				do_scroll("+"); // Крутим вниз
			}
			else
			{
				// CheckScrollPos(0);
				// stop_scroll(); // Никуда не крутим
			}
		}

	}

	$.scrollTo.defaults.axis = 'y';


	var hidden_area_height = scroll_area.height() - wrapper.height() + 4; // Величина спрятанной области

	function do_scroll(direction)
	{
		if ((direction == "-" && wrapper.scrollTop() > 0) || (direction == "+" && wrapper.scrollTop() < hidden_area_height))
		{
			var scroll_speed = 10; // Скорость прокрутки
			var delta = 5; // Величина прокрутки

			wrapper.scrollTo( {top:''+direction+'=' + delta + 'px'} , {
				duration: scroll_speed,
				onAfter: function(){
					CheckScrollPos(pos_y);
				}
			});
		}
	}

	function stop_scroll()
	{
		wrapper.stop();
	}
});
*/



// Скролинг

function makeScrollable(wrapper, scrollable){
  // Get jQuery elements
  var wrapper = $(wrapper), scrollable = $(scrollable);
  
  // Hide images until they are not loaded
	


	/*
  scrollable.hide();
  var loading = $('<div class="loading-small-img"></div>').appendTo(wrapper);
   
  // Set function that will check if all images are loaded
  var interval = setInterval(function(){
    var images = scrollable.find('img');
    var completed = 0;
    
    // Counts number of images that are succesfully loaded
    images.each(function(){
      if (this.complete) completed++;  
    });
    
    if (completed == images.length){
      clearInterval(interval);
      // Timeout added to fix problem with Chrome
      setTimeout(function(){
        
        loading.hide();
        // Remove scrollbars  
        wrapper.css({overflow: 'hidden'});            
        
        scrollable.slideDown('slow', function(){
          enable();  
        });          
      }, 1000);  
    }
  }, 100);
	*/

	enable(); 

  function enable(){      
    // height of area at the top at bottom, that don't respond to mousemove
    var inactiveMargin = 50;
    // Cache for performance
    var wrapperWidth = wrapper.width();
    var wrapperHeight = wrapper.height();
    // Using outer height to include padding too
    var scrollableHeight = scrollable.outerHeight() + 2*inactiveMargin;
    // Do not cache wrapperOffset, because it can change when user resizes window
    // We could use onresize event, but it's just not worth doing that 
    var wrapperOffset = wrapper.offset();
    
    //When user move mouse over menu      
    wrapper.mousemove(function(e){
    //  var wrapperOffset = wrapper.offset();
      // Scroll menu
      var top = (e.pageY -  wrapperOffset.top) * (scrollableHeight - wrapperHeight) / wrapperHeight - inactiveMargin;  
      
      if (top < 0){
        top = 0;
      }
      
      wrapper.scrollTop(top);
    });    
  }

}
  
$(function(){  
   makeScrollable("div.sc_menu_wrapper", "div.sc_menu");
});