function CorrectScrolling(topInner, topOuter) {
  if(jQuery.browser.firefox || jQuery.browser.mozilla) {	
	var scrollInner = topInner - window.pageYOffset;
	var scrollOuter = topOuter + window.pageYOffset;
	$('#ZoomInner').css('top',scrollInner+'px');
	$('#ZoomOuter').css('top',scrollOuter+'px');
  }
}


function ZoomIn(mouseXpos, mouseYpos, previewurl, fullurl, previeww, previewh, fullw, fullh, position) {
  $.ajax({
    url: '/imagezoom/imagezoom.php?preview='+previewurl+'&full='+fullurl,
    cache: false,
    success: function(html){
	  $('#loadingPreview').fadeIn('fast');
	  $('#tempImage').attr('src',fullurl).load(function(){
	    $('.TShopArticlePreviewImage').html(html);
	    $('#draggable').draggable({ containment: '#ZoomOuter', cursor: 'move', scroll: false });
	    imagetop=($('#ZoomInner').height()/2)*-1;
	    imageleft=($('#ZoomInner').width()/2);
	    if(mouseXpos && mouseYpos) {
	    	  var widthLittleImage = previeww;
	          var heightLittleImage = previewh;
	          var widthImage = fullw;
        	  var heightImage = fullh;
        	  var imgOuterContainerWidth = parseInt($('#ZoomOuter').width());
        	  var imgOuterContainerHeight = parseInt($('#ZoomOuter').height());
        	  var widthContainer = parseInt($('#ZoomInner').width());
        	  var difference = widthImage-widthContainer;
        	  var newOuterWidth = widthContainer+difference+difference;
        	  var heightContainer = parseInt($('#ZoomInner').height());
        	  var differenceh = heightImage-heightContainer;
        	  var newOuterHeight = heightContainer+differenceh+differenceh;
        	  var widthMultiplier = widthImage/widthLittleImage;
        	  var distanceToMoveWidth = mouseXpos - position.left;
        	  var distanceToMoveWidthBig = distanceToMoveWidth*widthMultiplier;
        	  var tempWidth = widthImage-widthLittleImage;
        	  imageleft = tempWidth-(distanceToMoveWidthBig-distanceToMoveWidth);
        	  
        	  var heightMultiplier = heightImage/heightLittleImage;
              var distanceToMoveHeight = mouseYpos - position.top;
        	  var distanceToMoveHeightBig = distanceToMoveHeight*heightMultiplier;
        	  imagetop = ((distanceToMoveHeightBig-distanceToMoveHeight)*-1);
          }
	    $('img.ZoomImage').load(function(){
	      $('#loadingPreview').fadeOut('fast');
	      $('img.ZoomImage').animate({
	        top:imagetop,
	        left:imageleft
	      });
	    });
      });	
    }
  });
}

function ZoomOut(previewurl, fullurl) {
  $.ajax({url: '/imagezoom/imagezoom.php?zoom=out&preview='+previewurl+'&full='+fullurl,cache: false,
    success: function(html){
      $('.TShopArticlePreviewImage').html(html);
      $('#draggable').draggable({ containment: '#ZoomOuter', cursor: 'move', scroll: false });
      $("img.ZoomImage").fadeIn('300');
    }
  });
}