$( function() {
  var zoom = $('#zoomImage');
  if (zoom.length == 0) {
    return;
  }
  var image = zoom.find('.zommedImage > img'),
  bigImage = zoom.find('.bigImage'),
  visArea = zoom.find('.visArea'),
  holder = zoom.find('.holder'),
  listImageCont = zoom.find('ul.imageList'),
  listImage = listImageCont.find('li'),
  current = 0,
  visWidth = visArea.outerWidth(),
  visHeight = visArea.outerHeight(),
  coeff = 2;
  var elem = document.getElementById('zoomImage');
  var l = 0;
  var t = 0;

  while (elem) {
    l += elem.offsetLeft;
    t += elem.offsetTop;
    elem = elem.offsetParent;
  }

  /*holder.mousemove(function(e,w,q){
   posVisArea(e.layerX || e.pageX-l,e.layerY || e.pageY-t)
   }).mouseleave(function(){
   visArea.hide();
   bigImage.hide();
   }).mouseenter(function(){
   var imageSrc = image.attr('src');
   var bigImgSrc = imageSrc.substring(0,imageSrc.lastIndexOf('.')) + '_large' + imageSrc.substring(imageSrc.lastIndexOf('.'));
   bigImage.find('img').attr('src',bigImgSrc);
   visArea.show();
   bigImage.height(image.height()).show();
   })*/
  listImage.click( function(e) {
    var item = $(this);
    if(item.hasClass('current')) {
      return;
    }
    var imgSrc = item.find('img').attr('rel');

    image.attr('src',imgSrc);
    listImage.removeClass('current');
    current = listImage.index(item);
    item.addClass('current');

  })
  if(listImageCont.hasClass('carousel') && listImage.length > 5) {
    listImageCont.jcarousel({
      scroll : 2
    });
  }

  function posVisArea(x,y) {
    var top,left;
    top = y - visHeight/2;
    //console.log(y,', ',top,', ',visHeight)
    top = (top<0)? 0 : (top > (image.outerHeight()-visHeight))?(image.outerHeight()-visHeight):top;
    left = x - visWidth/2;
    left = (left<0)? 0 : (left > (image.outerWidth()-visWidth))?(image.outerWidth()-visWidth):left;
    visArea.css({
      'top':top,
      'left':left
    })
    bigImage.scrollTop(top*coeff).scrollLeft(left*coeff);
  }

})