/*!
* jQuery miniZoomPan 1.0
* 2009 Gian Carlo Mingati
* Version: 1.0 (18-JUNE-2009)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* Requires:
* jQuery v1.3.2 or later
* 
*/
jQuery.fn.miniZoomPan = function(settings) {
    settings = jQuery.extend({
        sW: 400, // small image width
        sH: 534, // small image height
        lW: 1000, // large image width
        lH: 1334, // large image height

        frameColor: "#dddddd",
        frameWidth: 1,
        loaderContent: "loading..." // plain text or an image tag eg.: "<img src='yoursite.com/spinner.gif' />"
    }, settings);
    return this.each(function() {
        var hovering = 0;
        var loadedImages = new Array();
        var div = jQuery(this);
        div.css({ width: settings.sW, height: settings.sH }).addClass("minizoompan");
        var ig = div.children();
        ig.css({ position: "relative" });
        jQuery(window).bind("load", function() {
            if (!hovering) {
                ig.width(settings.sW);
                ig.height(settings.sH);
            }
        });
        div.css({ overflow: "hidden" });
        jQuery("<span class='loader'>" + settings.loaderContent + "<\/span>").insertBefore(ig);
        div.mousemove(function(e) {
            var divWidth = div.width();
            var divHeight = div.height();
            var igW = ig.width();
            var igH = ig.height();
            var dOs = div.offset();
            var leftPan = (e.pageX - dOs.left) * (divWidth - igW) / (divWidth + settings.frameWidth * 2);
            var topPan = (e.pageY - dOs.top) * (divHeight - igH) / (divHeight + settings.frameWidth * 2);
            ig.css({ left: leftPan, top: topPan });
        });
        div.hover(
			function() {
			    ig.css({ width: settings.lW, height: settings.lH });
			    var hiSrc = ig.attr("src").replace("_500.", "_1000.");
			    swapImage(ig, hiSrc);
			    hovering = 1;
			    if (jQuery.inArray(hiSrc, loadedImages) == -1) {
			        loadedImages.push(hiSrc);
			        div.children("span.loader").fadeIn(250);
			    }
			},
			function() {
			    ig.css({ left: "0", top: "0", width: settings.sW, height: settings.sH });
			    var loSrc = ig.attr("src").replace("_1000.", "_500.");
			    swapImage(ig, loSrc);
			    div.children("span.loader").fadeOut(250);
			    hovering = 0;
			}
		);
        function swapImage(param, uri) {
            param.load(function() {
                div.children("span.loader").fadeOut(250);
            }).error(function() {
                console.log("Image does not exist or its SRC is not correct.");
            }).attr('src', uri);
        }
        div.mouseover(
			function() {
			    jQuery(this).css('cursor', 'move');
			}
		);
    });
};