/*
* MojoMagnify 0.1.2 - JavaScript Image Magnifier
* Copyright (c) 2008 Jacob Seidelin, cupboy@gmail.com, http://blog.nihilogic.dk/
* MIT License [http://www.opensource.org/licenses/mit-license.php]
*/


var MojoMagnify = (function() {

var $ = function(id) {return document.getElementById(id);};
var dc = function(tag) {return document.createElement(tag);};

function addEvent(oElement, strEvent, fncHandler)
{
var fncEvent = function(e) {
return fncHandler(e||window.event);
}
if (oElement.addEventListener) {
oElement.addEventListener(strEvent, fncEvent, false);
} else if (oElement.attachEvent) {
oElement.attachEvent("on" + strEvent, fncEvent);
}
}

function getElementPos(oElement)
{
var x = oElement.offsetLeft;
var y = oElement.offsetTop;
var oParent = oElement.offsetParent;
while (oParent) {
x += oParent.offsetLeft;
y += oParent.offsetTop;
oParent = oParent.offsetParent;
}
return {
x : x,
y : y
}
}

function getEventMousePos(oElement, e) {
var iScrollX = document.body.scrollLeft || document.documentElement.scrollLeft;
var iScrollY = document.body.scrollTop || document.documentElement.scrollTop;

if (e.currentTarget) {
var oElPos = getElementPos(oElement);
return {
x : e.clientX - oElPos.x + iScrollX,
y : e.clientY - oElPos.y + iScrollY
}

}

return {
x : e.offsetX,
y : e.offsetY
}
}

function isIE() { // sorry
return !!document.all && !!window.attachEvent && !window.opera;
}

function makeMagnifiable(oImg, strZoomSrc) {

var iWidth = oImg.offsetWidth;
var iHeight = oImg.offsetHeight;

var oOldParent = oImg.parentNode;
if (oOldParent.nodeName != "A") {
var oLinkParent = dc("a");
//oLinkParent.setAttribute("href", strZoomSrc);    // LEVI's change for take out the pageload on zoom
oOldParent.replaceChild(oLinkParent, oImg);
oLinkParent.appendChild(oImg);
} else {
var oLinkParent = oOldParent;
}

oLinkParent.style.position = "relative";
oLinkParent.style.display = "block";
oLinkParent.style.width = iWidth+"px";
oLinkParent.style.height = iHeight+"px";

var oZoom = dc("div");
oZoom.className = "mojomagnify_zoom";

var oZoomImg = dc("img");
oZoomImg.className = "mojomagnify_img";
oZoomImg.style.position = "absolute";

var oParent = oImg.parentNode;
oZoom.appendChild(oZoomImg);

var oCtr = dc("div");
oCtr.style.position = "absolute";
oCtr.style.left = "0px";
oCtr.style.top = "0px";
oCtr.style.width = iWidth+"px";
oCtr.style.height = iHeight+"px";
oCtr.style.overflow = "hidden";
oCtr.style.display = "none";

oCtr.appendChild(oZoom);
oParent.appendChild(oCtr);

var oZoomBorder = dc("div");
oZoomBorder.className = "mojomagnify_border";
oZoom.appendChild(oZoomBorder);

var oZoomInput = oParent;

addEvent(oZoomImg, "load", function() {

var fncMouseOut =
function(e) {
var oTarget = e.target || e.srcElement;
if (!oTarget) return;
if (oTarget.nodeName != "DIV") return;
var oRelated = e.relatedTarget || e.toElement;
if (!oRelated) return;
while (oRelated != oTarget && oRelated.nodeName != "BODY" && oRelated.parentNode) {
oRelated = oRelated.parentNode;
}
if (oRelated != oTarget) {
oCtr.style.display = "none";
}
};

addEvent(oCtr, "mouseout", fncMouseOut);
addEvent(oCtr, "mouseleave", fncMouseOut);

addEvent(oZoomInput, "mousemove",
function(e) {
oCtr.style.display = "block";

var oPos = getEventMousePos(oZoomInput, e);

if (e.srcElement && isIE()) {
if (e.srcElement == oZoom) return;
if (e.srcElement != oZoomInput) {
var oZoomImgPos = getElementPos(e.srcElement);
var oImgPos = getElementPos(oImg);
oPos.x -= (oImgPos.x - oZoomImgPos.x);
oPos.y -= (oImgPos.y - oZoomImgPos.y);
}
}

var x = e.clientX - (getElementPos(oImg).x - (document.body.scrollLeft||document.documentElement.scrollLeft));
var y = e.clientY - (getElementPos(oImg).y - (document.body.scrollTop||document.documentElement.scrollTop));

var iMaskWidth = oZoom.offsetWidth;
var iMaskHeight = oZoom.offsetHeight;

var iLeft = oPos.x - iMaskWidth/2;
var iTop = oPos.y - iMaskHeight/2;

oZoom.style.left = iLeft + "px";
oZoom.style.top = iTop + "px";

var fZoomXRatio = oZoomImg.offsetWidth / iWidth;
var fZoomYRatio = oZoomImg.offsetHeight / iHeight;

var iZoomX = Math.round(x * fZoomXRatio);
var iZoomY = Math.round(y * fZoomYRatio);

oZoomImg.style.left = -iZoomX + iMaskWidth/2 + "px";
oZoomImg.style.top = -iZoomY + iMaskWidth/2 + "px";
}
);
});

oZoomImg.src = strZoomSrc;

}

function init() {
var aImages = document.getElementsByTagName("img");
var aImg = [];
for (var i=0;i<aImages.length;i++) {
aImg.push(aImages[i]);
}
for (var i=0;i<aImg.length;i++) {
var oImg = aImg[i];
var strZoomSrc = oImg.getAttribute("data-magnifysrc");

if (strZoomSrc) {
makeMagnifiable(oImg, strZoomSrc);
}
}
}


return {
addEvent : addEvent,
init : init,
makeMagnifiable : makeMagnifiable
};

})();

MojoMagnify.addEvent(window, "load", MojoMagnify.init);