var MojoMagnify=(function(){var $=function(id){return document.getElementById(id)};var dc=function(tag){return document.createElement(tag)};function addEvent(element,ev,handler){var doHandler=function(e){return handler(e||window.event)};if(element.addEventListener){element.addEventListener(ev,doHandler,false)}else{if(element.attachEvent){element.attachEvent("on"+ev,doHandler)}}}function getElementPos(element){var x=element.offsetLeft;var y=element.offsetTop;var parent=element.offsetParent;while(parent){x+=parent.offsetLeft;y+=parent.offsetTop;parent=parent.offsetParent}return{x:x,y:y}}function getEventMousePos(element,e){var scrollX=document.body.scrollLeft||document.documentElement.scrollLeft;var scrollY=document.body.scrollTop||document.documentElement.scrollTop;if(e.currentTarget){var pos=getElementPos(element);return{x:e.clientX-pos.x+scrollX,y:e.clientY-pos.y+scrollY}}return{x:e.offsetX,y:e.offsetY}}function makeMagnifiable(img,zoomSrc,iIndex,pName,pDesc){if(!img.complete&&!img.__mojoMagnifyQueued){addEvent(img,"load",function(){img.__mojoMagnifyQueued=true;setTimeout(function(){makeMagnifiable(img,zoomSrc,iIndex)},1)});return }var w=img.width;var h=img.height;var oldParent=img.parentNode;var linkParent=oldParent;var isIE=!!document.all&&!!window.attachEvent&&!window.opera;linkParent.style.position="relative";linkParent.style.display="block";linkParent.style.width=w+"px";linkParent.style.height=h+"px";var imgLeft=img.offsetLeft;var imgTop=img.offsetTop;var zoom=dc("div");zoom.className="mojomagnify_zoom";zoom.id="mojomagnify_zoom"+iIndex;var parent=img.parentNode;var zoomImg=dc("img");zoomImg.className="mojomagnify_img";zoomImg.id="mojomagnify_img";zoomImg.style.position="absolute";zoomImg.style.left="0";zoomImg.style.top="0";var ar=dc("a");ar.href=parent.href;ar.appendChild(zoomImg);zoom.appendChild(ar);this["slideInfoZone"+iIndex]=new Fx.Morph(new Element("div").addClass("slideInfoZone"));var slideInfoZoneTitle=new Element("h2").injectInside(this["slideInfoZone"+iIndex].element);var slideInfoZoneDescription=new Element("p").injectInside(this["slideInfoZone"+iIndex].element);var slideInfoZoneView=new Element("h3").injectInside(this["slideInfoZone"+iIndex].element);this["slideInfoZone"+iIndex].normalHeight=this["slideInfoZone"+iIndex].element.offsetHeight;this["slideInfoZone"+iIndex].element.setStyle("opacity",0);zoom.appendChild(this["slideInfoZone"+iIndex].element);var ctr=dc("div");ctr.id="magnify_inside";with(ctr.style){position="absolute";left=imgLeft+"px";top=imgTop+"px";width=w+"px";height=h+"px";overflow="hidden";opacity="0";filter="Alpha(Opacity=0)"}ctr.appendChild(zoom);parent.appendChild(ctr);var zoomInput=parent;var isInImage=false;var effect=new Fx.Morph(ctr,{duration:1000,transition:Fx.Transitions.Sine.easeOut});addEvent(zoomImg,"load",function(){var onMouseOut=function(e){var target=e.target||e.srcElement;if(!target){return }var pos=getEventMousePos(zoomInput,e);if(isIE&&pos.y<50||pos.y>img.offsetHeight+50){return }if(pos.y<img.offsetHeight&&pos.x<img.offsetWidth&&pos.x>0&&pos.y>0){return }var relTarget=e.relatedTarget||e.toElement;if(!relTarget){return }while(relTarget!=target&&relTarget.nodeName!="BODY"&&relTarget.parentNode){relTarget=relTarget.parentNode}if(relTarget!=target){effect.pause();effect.start({opacity:[1,0]});isInImage=false}else{alert("no")}};addEvent(ctr,"mouseout",onMouseOut);addEvent(ctr,"mouseleave",onMouseOut);addEvent(zoomInput,"mousemove",function(e){var pos=getEventMousePos(zoomInput,e);if(e.srcElement&&isIE){if(e.srcElement==zoom){return }if(e.srcElement!=zoomInput){var zoomImgPos=getElementPos(e.srcElement);var imgPos=getElementPos(img);pos.x-=(imgPos.x-zoomImgPos.x);pos.y-=(imgPos.y-zoomImgPos.y)}}var maskWidth=zoom.offsetWidth;var maskHeight=zoom.offsetHeight;if(pos.x<img.offsetWidth&&pos.y<img.offsetHeight&&!isInImage){isInImage=true;effect.pause();effect.start({opacity:[0,1]});this["slideInfoZone"+iIndex].cancel();element=this["slideInfoZone"+iIndex].element;element.getElement("h2").set("html",pName);element.getElement("h3").set("html","&gt; View");this["slideInfoZone"+iIndex].start({opacity:[0,0.7],height:[0,50]})}})});setTimeout(function(){zoomImg.src=zoomSrc},1)}function init(){var images=document.getElementsByTagName("img");var imgList=[];for(var i=0;i<images.length;i++){imgList.push(images[i])}for(var i=0;i<imgList.length;i++){var img=imgList[i];var zoomSrc=img.getAttribute("data-magnifysrc");if(zoomSrc){var pName=img.getAttribute("data-name");var pDesc=img.getAttribute("data-desc");makeMagnifiable(img,zoomSrc,i,pName,pDesc)}}}return{addEvent:addEvent,init:init,makeMagnifiable:makeMagnifiable}})();MojoMagnify.addEvent(window,"load",MojoMagnify.init);