MooTools.More={version:"1.3.0.1rc1",build:"361dd6c3755b66898e9e0ee5d55c343188b619b7"};Fx.Elements=new Class({Extends:Fx.CSS,initialize:function(c,d){this.elements=this.subject=$$(c);this.parent(d)},compute:function(l,k,i){var p={};for(var o in l){var r=l[o],n=k[o],m=p[o]={};for(var q in r){m[q]=this.parent(r[q],n[q],i)}}return p},set:function(e){for(var h in e){var f=e[h];for(var g in f){this.render(this.elements[h],g,f[g],this.options.unit)}}return this},start:function(p){if(!this.check(p)){return this}var k={},i={};for(var o in p){var m=p[o],r=k[o]={},l=i[o]={};for(var q in m){var n=this.prepare(this.elements[o],q,m[q]);r[q]=n.from;l[q]=n.to}}return this.parent(k,i)}});var Asset={javascript:function(i,f){f=Object.append({document:document},f);if(f.onLoad){f.onload=f.onLoad;delete f.onLoad}var g=new Element("script",{src:i,type:"text/javascript"});var j=f.onload||function(){},h=f.document;delete f.onload;delete f.document;return g.addEvents({load:j,readystatechange:function(){if(["loaded","complete"].contains(this.readyState)){j.call(this)}}}).set(f).inject(h.head)},css:function(d,e){e=e||{};var f=e.onload||e.onLoad;if(f){e.events=e.events||{};e.events.load=f;delete e.onload;delete e.onLoad}return new Element("link",Object.merge({rel:"stylesheet",media:"screen",type:"text/css",href:d},e)).inject(document.head)},image:function(h,e){e=Object.merge({onload:function(){},onabort:function(){},onerror:function(){}},e);var g=new Image();var f=document.id(g)||new Element("img");["load","abort","error"].each(function(d){var b="on"+d;var c=d.capitalize();if(e["on"+c]){e[b]=e["on"+c];delete e["on"+c]}var a=e[b];delete e[b];g[b]=function(){if(!g){return}if(!f.parentNode){f.width=g.width;f.height=g.height}g=g.onload=g.onabort=g.onerror=null;a.delay(1,f,f);f.fireEvent(d,f,1)}});g.src=f.src=h;if(g&&g.complete){g.onload.delay(1)}return f.set(e)},images:function(f,d){d=Object.merge({onComplete:function(){},onProgress:function(){},onError:function(){},properties:{}},d);f=Array.from(f);var e=0;return new Elements(f.map(function(a,b){return Asset.image(a,Object.append(d.properties,{onload:function(){e++;d.onProgress.call(this,e,b,a);if(e==f.length){d.onComplete()}},onerror:function(){e++;d.onError.call(this,e,b,a);if(e==f.length){d.onComplete()}}}))}))}};var fixHoverSelectors=new Array("#menu ul li");if(Browser.ie||Browser.safari){$(document.body).getElements(fixHoverSelectors.join(", ")).each(function(a){a.addEvent("mouseenter",function(){this.addClass("hover")}.bind(a));a.addEvent("mouseleave",function(){this.removeClass("hover")}.bind(a))})}function initImageZoom(a){var b=$extend({rel:"imagezoom"},a||{});var e=$$(document.links).filter(function(f){if((f.rel)&&(f.rel.indexOf(b.rel)!=-1)){return true}else{return false}});for(var c=0;c<e.length;c++){var d=e[c];d.addEvent("click",function(){this.blur();var i=this;var g="";if(this.getElements("img").length>0){i=this.getElements("img")[0]}if((i.alt)&&(i.alt!="")){g=i.alt}else{if(i.title){g=i.title}else{if(i.parentNode.title){g=i.parentNode.title}}}var f=$extend({image:this.href,caption:g,startElement:i},b||{});f.image=this.href;f.caption=g;var h=new Imagezoom(f);h.preloadImage();h.show();return false})}}var Imagezoom=function(i){var l=$extend({image:false,caption:"",enableCaptions:true,startElement:false,x:10,y:10,initWidth:50,initHeight:50,draggable:true,loadImage:"imagezoom/images/loading.gif",loadDelay:150,duration:800,closeDuration:500,transition:Fx.Transitions.Cubic.easeOut,startOpacity:0.6,closeText:"Close",rel:"imagezoom",showCaptionBar:true,overlay:false,overlayColor:"#000",overlayOpacity:0.75},i||{});var d=document.createElement("div");var h=this;var k=document.createElement("div");k.className="s s_tl";var e=document.createElement("div");e.className="s s_tr";var b=document.createElement("div");b.className="s s_bl";var j=document.createElement("div");j.className="s s_br";var f=document.createElement("div");f.className="s s_top";var a=document.createElement("div");a.className="s s_bottom";var c=document.createElement("div");c.className="s s_left";var g=document.createElement("div");g.className="s s_right";this.preloadImage=function(){if(l.image!=false){var m=new Image();m.src=l.image;m.style.visibility="hidden";m.style.position="absolute";m.style.top="-9999999999px";m.setAttribute("id","imagezoom-"+l.image);$$("body")[0].appendChild(m)}};this.getImage=function(){if(($("imagezoom-"+l.image))&&($("imagezoom-"+l.image).width!="0")){var m=$("imagezoom-"+l.image).clone();m.setAttribute("id","");m.style.position="relative";m.style.top="0px";m.style.visibility="visible"}else{h.preloadImage();window.setTimeout(function(){h.getImage()},50)}return m};this.show=function(){if(l.image!=false){d.style.position="absolute";d.style.overflow="hidden";d.setAttribute("id","imagezoom-open-"+l.image);if(l.startElement!=false){l.startElement.blur()}var m=l.x;var q=l.y;var o=l.initWidth;var p=l.initHeight;if(l.startElement!=false){m=l.startElement.getPosition().x;q=l.startElement.getPosition().y;o=l.startElement.offsetWidth;p=l.startElement.offsetHeight}d.style.left=m+"px";d.style.top=q+"px";d.style.width=o+"px";d.style.height=p+"px";var n=new Fx.Morph(d);n.set({opacity:l.startOpacity});d.className="imagezoom";$$("body")[0].appendChild(d);d.style.cursor="pointer";d.addEvent("click",function(){var r=new Fx.Morph(d,{duration:200});r.start({opacity:0}).chain(function(){$$("body")[0].removeChild(d)})});this.loadImage()}};this.loadImage=function(){if(d.getElements(".loading").length==0){var o=new Image();o.src=l.loadImage;o.className="loading";d.appendChild(o)}if($("imagezoom-"+l.image)){var m=$("imagezoom-"+l.image);if(m.width!="0"){var n=new Image();n.src=l.image;window.setTimeout(function(){h.insertImage(n)},l.loadDelay)}else{window.setTimeout(function(){h.loadImage()},50)}}else{h.preloadImage();window.setTimeout(function(){h.loadImage()},50)}};this.insertImage=function(o){d.removeEvents("click");d.style.cursor="default";d.style.overflow="visible";var m=o.width;var p=o.height;o.style.width=m+"px";o.style.height=p+"px";o.className="image";var n=(window.getSize().y/2)+window.getScroll().y-(p/2);var r=(window.getSize().x/2)+window.getScroll().x-(m/2);var q=new Fx.Morph(d,{duration:l.duration,transition:l.transition});q.start({top:n,left:r,width:m,height:p,opacity:1}).chain(function(){if(l.overlay==true){if(!$("imagezoom_overlay")){var w=$(document.createElement("div"));w.setAttribute("id","imagezoom_overlay");w.style.backgroundColor=l.overlayColor;w.setOpacity(0);$$("body")[0].appendChild(w)}else{var w=$("imagezoom_overlay")}w.style.width=window.getScrollSize().x+"px";w.style.height=window.getScrollSize().y+"px";var y=new Fx.Morph(w,{duration:600});y.start({opacity:l.overlayOpacity})}var B=$(document.createElement("div"));B.innerHTML="<span>"+l.closeText+"</span>";B.className="close";B.addEvent("click",function(){h.close(true)});var u=d.getElements(".loading");if(u.length>0){d.removeChild(u[0])}var s=[B,k,e,b,j,f,a,c,g,o];for(var x=0;x<s.length;x++){var z=new Fx.Morph(s[x],{duration:600});z.set({opacity:0});d.adopt(s[x]);z.start({opacity:1})}var C;if((l.caption!="")&&(l.enableCaptions==true)){C=document.createElement("div");C.className="caption";C.innerHTML="<p>"+l.caption+"</p>";d.appendChild(C)}h.addSetNavigation();if(d.getElements(".caption").length>0){C=d.getElements(".caption")[0];var A=new Fx.Morph(C,{duration:200});A.set({opacity:0});if(l.showCaptionBar==true){C.className+=" visibleCaption";var v=new Fx.Morph(C,{duration:600});v.start({opacity:1})}d.addEvent("mouseenter",function(){A.start({opacity:1}).chain(function(){C.className+=" visibleCaption"})});d.addEvent("mouseleave",function(){A.start({opacity:0}).chain(function(){C.className=C.className.replace(/visibleCaption/g,"")})});B.addEvent("mouseenter",function(){A.start({opacity:0}).chain(function(){C.className=C.className.replace(/visibleCaption/g,"")})});d.getElements(".image")[0].addEvent("click",function(){var D="show";if(C.className.indexOf("visibleCaption")!=-1){D="hide"}if(D=="show"){A.start({opacity:1}).chain(function(){C.className+=" visibleCaption"})}else{A.start({opacity:0}).chain(function(){C.className=C.className.replace(/visibleCaption/g,"")})}})}f.style.width=d.offsetWidth+"px";a.style.width=d.offsetWidth+"px";c.style.height=d.offsetHeight+"px";g.style.height=d.offsetHeight+"px";if(l.draggable==true){var t=new Drag.Move(d,{handle:o})}})};this.addSetNavigation=function(){var x=$$(document.links).filter(function(B){if((B.rel)&&(B.rel.indexOf(l.rel)!=-1)){return true}else{return false}});var v=false;for(var q=0;q<x.length;q++){if((x[q].href.indexOf(l.image)!=-1)&&(x[q].rel)&&(x[q].rel.indexOf(l.rel+"["!=-1))){var A=x[q].getAttribute("rel");v=h.scanRel("after",l.rel+"[",this.scanRel("before","]",A))}}if(v!=false){var r=false;var w=false;var p=new Array();for(q=0;q<x.length;q++){if(x[q].rel.indexOf(l.rel+"["+v+"]")!=-1){p[p.length]=x[q]}}for(q=0;q<p.length;q++){var s=p[q];if((s.href.indexOf(l.image)!=-1)&&(s.rel)&&(s.rel.indexOf(l.rel!=-1))){if(q!=0){r=p[q-1]}if(q!=p.length-1){w=p[q+1]}}}if((r!=false)||(w!=false)){if(d.getElements(".caption").length==0){var z=document.createElement("div");z.className="caption";d.appendChild(z)}else{var z=d.getElements(".caption")[0]}}if(r!=false){var u=$(document.createElement("div"));u.className="previous";var n="";if(r.title){n=r.title}var m=r;if(r.getElements("img").length>0){m=r.getElements("img")[0]}u.addEvent("click",function(){var C=$unlink(l);var B=new Imagezoom($extend(C,{image:r.href,caption:n,rel:l.rel,startElement:m,showCaptionBar:true}));h.close();B.show()});z.appendChild(u)}if(w!=false){var y=$(document.createElement("div"));y.className="next";var t="";if(w.title){t=w.title}var o=w;if(w.getElements("img").length>0){o=w.getElements("img")[0]}y.addEvent("click",function(){var B=$unlink(l);var C=new Imagezoom($extend(B,{image:w.href,caption:t,rel:l.rel,startElement:o,showCaptionBar:true}));h.close();C.show()});z.appendChild(y)}}};this.scanRel=function(n,s,m){var r="";if(n=="after"){var q=m.indexOf(s)+s.length;var p=m.length}else{if(n=="before"){var q=0;var p=m.indexOf(s)}}for(var o=q;o<p;o++){r+=m.charAt(o)}return r};this.close=function(m){var p=d.getElements(".image")[0];d.removeChild(p);var w=d.getElements(".close")[0];d.removeChild(w);var z=d.getElements(".caption");if(z.length>0){d.removeChild(z[0])}var A=d.getElements(".s");for(var o=0;o<A.length;o++){d.removeChild(A[o])}var v=l.x;var u=l.y;var q=l.initWidth;var t=l.initHeight;if(l.startElement!=false){v=l.startElement.getPosition().x;u=l.startElement.getPosition().y;q=l.startElement.offsetWidth;t=l.startElement.offsetHeight}if((m==true)&&($("imagezoom_overlay"))){var r=new Fx.Morph($("imagezoom_overlay"),{duration:l.closeDuration});r.start({opacity:0}).chain(function(){$$("body")[0].removeChild($("imagezoom_overlay"))})}var n=new Fx.Morph(d,{duration:l.closeDuration});n.start({left:v,top:u,width:q,height:t,opacity:l.startOpacity}).chain(function(){n.start({opacity:0}).chain(function(){$$("body")[0].removeChild(d)})})}};window.addEvent("domready",function(){initImageZoom()});var homePortfolio=new Class({portfolio:[],images:[],loaded:false,transition:false,loadedImages:null,actual:0,title:null,text:null,ilink:null,link:null,bttP:null,bttN:null,initialize:function(){this.title=$(document.body).getElement("#portfolioHome h2");this.text=$(document.body).getElement("#portfolioContent");this.bttP=$(document.body).getElement("#portfolioPrev");this.bttN=$(document.body).getElement("#portfolioNext");this.ilink=$(document.body).getElement("#portfolioHome .thumb");this.link=$(document.body).getElement("#portfolioHome .readMore");this.load()},load:function(){var a="http://www.mutinydesign.co.uk/homePortfolio.json";new Request.JSON({url:a,method:"post",onSuccess:function(b){this.portfolio=b;this.portfolio.each(function(c){this.images.push(c.image)}.bind(this));this.loadImages();this.start()}.bind(this)}).get()},loadImages:function(){this.loadImages=new Asset.images(this.images,{onPrograss:this.set.bind(this)})},setup:function(){if(this.bttP){this.bttP.addEvent("click",this.prev.bindWithEvent(this))}if(this.bttN){this.bttN.addEvent("click",this.next.bindWithEvent(this))}},set:function(a,b){this.loadImages[b].set({title:this.portfolio[next].title,alt:"Screenshot of "+this.portfolio[b].domain+" site"}).setStyle("opacity","0")},start:function(){this.loaded=true;if(this.portfolio.length>1){this.setup();this.bttP.setStyle("display","block");this.bttN.setStyle("display","block")}},prev:function(b){var b=new Event(b);b.stop();b.stopPropagation();if(this.loaded&&!this.transition){var a=this.actual-1;if(a<0){a=this.portfolio.length-1}this.swap(a)}},next:function(b){var b=new Event(b);b.stop();b.stopPropagation();if(this.loaded&&!this.transition){var a=this.actual+1;if(a>=this.portfolio.length){a=0}this.swap(a)}},swap:function(b){this.transition=true;var a=new Fx.Elements([this.title,this.text,$(document.body).getElement("#portfolioHome .thumb img")],{onComplete:function(e){$(document.body).getElement("#portfolioHome .thumb img").dispose();this.loadImages[e].setStyle("opacity",0).clone().inject(this.ilink);this.title.set("html","<span>"+this.portfolio[e].domain.capitalize()+"</span>");this.text.set("html",this.portfolio[e].text);var c=e>=this.portfolio.length-1?0:e+1;var d=e<=0?this.portfolio.length-1:e-1;this.bttN.set({title:"Our Portfolio - "+this.portfolio[c].title,href:this.portfolio[c].link});this.bttP.set({title:"Our Portfolio - "+this.portfolio[d].title,href:this.portfolio[d].link});this.ilink.set({title:"Our Portfolio - "+this.portfolio[e].title,href:this.portfolio[e].link});this.link.set({title:"Our Portfolio - "+this.portfolio[e].title,href:this.portfolio[e].link});this.actual=e;var f=new Fx.Elements([this.title,this.text,$(document.body).getElement("#portfolioHome .thumb img")],{onComplete:function(){this.transition=false}.bind(this)}).start({"0":{opacity:[0,1]},"1":{opacity:[0,1]},"2":{opacity:[0,1]}})}.bind(this,b)}).start({"0":{opacity:[1,0]},"1":{opacity:[1,0]},"2":{opacity:[1,0]}})}});new homePortfolio();
