$(function () {
	
	if (!window.console) window.console = {log: function() {}};
	
	var inputAnchor = $('.scrollable2 .items a:first-child');
	var inputImg = inputAnchor.find('img');
	var zoomWindow = $('#zoomWindow');
	var zoomImg;
	var base = '';
	
	if (inputAnchor.length > 0 && zoomWindow.length > 0) {
		zoomWindow.append('<img src="' + base + inputAnchor.attr('href') + '" />').hide();
		
		zoomImg = zoomWindow.find('img');

		zoomImg.css({
			position: 'absolute',
			top: '0px',
			left: '0px',
			minHeight: '380px'
		});
		
		zoomImg.load(function() {
			var inputImgLeft = inputImg.offset().left;
			var inputImgTop = inputImg.offset().top;
			var zoomWindowWidth = zoomWindow.innerWidth();
			var zoomWindowHeight = zoomWindow.innerHeight();
			
			inputAnchor.mousemove(function(e) {
				
				var left = (e.pageX - inputImgLeft) / inputImg.innerWidth();
				var top =  (e.pageY - inputImgTop) / inputImg.innerHeight();
								
				if (zoomWindow.css('display') === 'none' && left > 0.2 && top > 0.2 && left < 0.8 && top < 0.8) {
					zoomWindow.fadeIn('fast');
				}
				
				zoomImg.css({
					left: (0 - left * (zoomImg.innerWidth() - zoomWindowWidth)) + 'px',
					top: (0 - top * (zoomImg.innerHeight() - zoomWindowHeight)) + 'px'
				});
			});
		});
		
		inputImg.mouseout(function() {
			zoomWindow.fadeOut('fast');
		});
	}
});