// 'stacks' is the Stacks global object. // All of the other Stacks related Javascript will // be attatched to it. var stacks = {}; // this call to jQuery gives us access to the globaal // jQuery object. // 'noConflict' removes the '$' variable. // 'true' removes the 'jQuery' variable. // removing these globals reduces conflicts with other // jQuery versions that might be running on this page. stacks.jQuery = jQuery.noConflict(true); // Javascript for stacks_in_539_page5 // --------------------------------------------------------------------- // Each stack has its own object with its own namespace. The name of // that object is the same as the stack's id. stacks.stacks_in_539_page5 = {}; // A closure is defined and assigned to the stack's object. The object // is also passed in as 'stack' which gives you a shorthand for referring // to this object from elsewhere. stacks.stacks_in_539_page5 = (function(stack) { // When jQuery is used it will be available as $ and jQuery but only // inside the closure. var jQuery = stacks.jQuery; var $ = jQuery; /* * Based on the tutorial "Merging Image Boxes with jQuery" by Mary Lou at Codrops http://tympanus.net/codrops * Modified and adapted to the Stacks plugin for RapidWeaver by Mauricio Sabene at RWExtras.com March 7, 2011 */ /* * jQuery 2d Transform v0.9.3 * http://wiki.github.com/heygrady/transform/ * * Copyright 2010, Grady Kuhnline * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * Date: Sat Dec 4 15:46:09 2010 -0800 */ (function(f,g,j,b){var h=/progid:DXImageTransform\.Microsoft\.Matrix\(.*?\)/,c=/^([\+\-]=)?([\d+.\-]+)(.*)$/,q=/%/;var d=j.createElement("Modernizr"),e=d.style;function n(s){return parseFloat(s)}function l(){var s={transformProperty:"",MozTransform:"-moz-",WebkitTransform:"-webkit-",OTransform:"-o-",msTransform:"-ms-"};for(var t in s){if(typeof e[t]!="undefined"){return s[t]}}return null}function r(){if(typeof(g.Modernizr)!=="undefined"){return Modernizr.csstransforms}var t=["transformProperty","WebkitTransform","MozTransform","OTransform","msTransform"];for(var s in t){if(e[t[s]]!==b){return true}}}var a=l(),i=a!==null?a+"transform":false,k=a!==null?a+"transform-origin":false;f.support.csstransforms=r();if(a=="-ms-"){i="msTransform";k="msTransformOrigin"}f.extend({transform:function(s){s.transform=this;this.$elem=f(s);this.applyingMatrix=false;this.matrix=null;this.height=null;this.width=null;this.outerHeight=null;this.outerWidth=null;this.boxSizingValue=null;this.boxSizingProperty=null;this.attr=null;this.transformProperty=i;this.transformOriginProperty=k}});f.extend(f.transform,{funcs:["matrix","origin","reflect","reflectX","reflectXY","reflectY","rotate","scale","scaleX","scaleY","skew","skewX","skewY","translate","translateX","translateY"]});f.fn.transform=function(s,t){return this.each(function(){var u=this.transform||new f.transform(this);if(s){u.exec(s,t)}})};f.transform.prototype={exec:function(s,t){t=f.extend(true,{forceMatrix:false,preserve:false},t);this.attr=null;if(t.preserve){s=f.extend(true,this.getAttrs(true,true),s)}else{s=f.extend(true,{},s)}this.setAttrs(s);if(f.support.csstransforms&&!t.forceMatrix){return this.execFuncs(s)}else{if(f.browser.msie||(f.support.csstransforms&&t.forceMatrix)){return this.execMatrix(s)}}return false},execFuncs:function(t){var s=[];for(var u in t){if(u=="origin"){this[u].apply(this,f.isArray(t[u])?t[u]:[t[u]])}else{if(f.inArray(u,f.transform.funcs)!==-1){s.push(this.createTransformFunc(u,t[u]))}}}this.$elem.css(i,s.join(" "));return true},execMatrix:function(z){var C,x,t;var F=this.$elem[0],B=this;function A(N,M){if(q.test(N)){return parseFloat(N)/100*B["safeOuter"+(M?"Height":"Width")]()}return o(F,N)}var s=/translate[X|Y]?/,u=[];for(var v in z){switch(f.type(z[v])){case"array":t=z[v];break;case"string":t=f.map(z[v].split(","),f.trim);break;default:t=[z[v]]}if(f.matrix[v]){if(f.cssAngle[v]){t=f.map(t,f.angle.toDegree)}else{if(!f.cssNumber[v]){t=f.map(t,A)}else{t=f.map(t,n)}}x=f.matrix[v].apply(this,t);if(s.test(v)){u.push(x)}else{C=C?C.x(x):x}}else{if(v=="origin"){this[v].apply(this,t)}}}C=C||f.matrix.identity();f.each(u,function(M,N){C=C.x(N)});var K=parseFloat(C.e(1,1).toFixed(6)),I=parseFloat(C.e(2,1).toFixed(6)),H=parseFloat(C.e(1,2).toFixed(6)),G=parseFloat(C.e(2,2).toFixed(6)),L=C.rows===3?parseFloat(C.e(1,3).toFixed(6)):0,J=C.rows===3?parseFloat(C.e(2,3).toFixed(6)):0;if(f.support.csstransforms&&a==="-moz-"){this.$elem.css(i,"matrix("+K+", "+I+", "+H+", "+G+", "+L+"px, "+J+"px)")}else{if(f.support.csstransforms){this.$elem.css(i,"matrix("+K+", "+I+", "+H+", "+G+", "+L+", "+J+")")}else{if(f.browser.msie){var w=", FilterType='nearest neighbor'";var D=this.$elem[0].style;var E="progid:DXImageTransform.Microsoft.Matrix(M11="+K+", M12="+H+", M21="+I+", M22="+G+", sizingMethod='auto expand'"+w+")";var y=D.filter||f.curCSS(this.$elem[0],"filter")||"";D.filter=h.test(y)?y.replace(h,E):y?y+" "+E:E;this.applyingMatrix=true;this.matrix=C;this.fixPosition(C,L,J);this.applyingMatrix=false;this.matrix=null}}}return true},origin:function(s,t){if(f.support.csstransforms){if(typeof t==="undefined"){this.$elem.css(k,s)}else{this.$elem.css(k,s+" "+t)}return true}switch(s){case"left":s="0";break;case"right":s="100%";break;case"center":case b:s="50%"}switch(t){case"top":t="0";break;case"bottom":t="100%";break;case"center":case b:t="50%"}this.setAttr("origin",[q.test(s)?s:o(this.$elem[0],s)+"px",q.test(t)?t:o(this.$elem[0],t)+"px"]);return true},createTransformFunc:function(t,u){if(t.substr(0,7)==="reflect"){var s=u?f.matrix[t]():f.matrix.identity();return"matrix("+s.e(1,1)+", "+s.e(2,1)+", "+s.e(1,2)+", "+s.e(2,2)+", 0, 0)"}if(t=="matrix"){if(a==="-moz-"){u[4]=u[4]?u[4]+"px":0;u[5]=u[5]?u[5]+"px":0}}return t+"("+(f.isArray(u)?u.join(", "):u)+")"},fixPosition:function(B,y,x,D,s){var w=new f.matrix.calc(B,this.safeOuterHeight(),this.safeOuterWidth()),C=this.getAttr("origin");var v=w.originOffset(new f.matrix.V2(q.test(C[0])?parseFloat(C[0])/100*w.outerWidth:parseFloat(C[0]),q.test(C[1])?parseFloat(C[1])/100*w.outerHeight:parseFloat(C[1])));var t=w.sides();var u=this.$elem.css("position");if(u=="static"){u="relative"}var A={top:0,left:0};var z={position:u,top:(v.top+x+t.top+A.top)+"px",left:(v.left+y+t.left+A.left)+"px",zoom:1};this.$elem.css(z)}};function o(s,u){var t=c.exec(f.trim(u));if(t[3]&&t[3]!=="px"){var w="paddingBottom",v=f.style(s,w);f.style(s,w,u);u=p(s,w);f.style(s,w,v);return u}return parseFloat(u)}function p(t,u){if(t[u]!=null&&(!t.style||t.style[u]==null)){return t[u]}var s=parseFloat(f.css(t,u));return s&&s>-10000?s:0}})(jQuery,this,this.document);(function(d,c,a,f){d.extend(d.transform.prototype,{safeOuterHeight:function(){return this.safeOuterLength("height")},safeOuterWidth:function(){return this.safeOuterLength("width")},safeOuterLength:function(l){var p="outer"+(l=="width"?"Width":"Height");if(!d.support.csstransforms&&d.browser.msie){l=l=="width"?"width":"height";if(this.applyingMatrix&&!this[p]&&this.matrix){var k=new d.matrix.calc(this.matrix,1,1),n=k.offset(),g=this.$elem[p]()/n[l];this[p]=g;return g}else{if(this.applyingMatrix&&this[p]){return this[p]}}var o={height:["top","bottom"],width:["left","right"]};var h=this.$elem[0],j=parseFloat(d.curCSS(h,l,true)),q=this.boxSizingProperty,i=this.boxSizingValue;if(!this.boxSizingProperty){q=this.boxSizingProperty=e()||"box-sizing";i=this.boxSizingValue=this.$elem.css(q)||"content-box"}if(this[p]&&this[l]==j){return this[p]}else{this[l]=j}if(q&&(i=="padding-box"||i=="content-box")){j+=parseFloat(d.curCSS(h,"padding-"+o[l][0],true))||0+parseFloat(d.curCSS(h,"padding-"+o[l][1],true))||0}if(q&&i=="content-box"){j+=parseFloat(d.curCSS(h,"border-"+o[l][0]+"-width",true))||0+parseFloat(d.curCSS(h,"border-"+o[l][1]+"-width",true))||0}this[p]=j;return j}return this.$elem[p]()}});var b=null;function e(){if(b){return b}var h={boxSizing:"box-sizing",MozBoxSizing:"-moz-box-sizing",WebkitBoxSizing:"-webkit-box-sizing",OBoxSizing:"-o-box-sizing"},g=a.body;for(var i in h){if(typeof g.style[i]!="undefined"){b=h[i];return b}}return null}})(jQuery,this,this.document);(function(g,f,b,h){var d=/([\w\-]*?)\((.*?)\)/g,a="data-transform",e=/\s/,c=/,\s?/;g.extend(g.transform.prototype,{setAttrs:function(i){var j="",l;for(var k in i){l=i[k];if(g.isArray(l)){l=l.join(", ")}j+=" "+k+"("+l+")"}this.attr=g.trim(j);this.$elem.attr(a,this.attr)},setAttr:function(k,l){if(g.isArray(l)){l=l.join(", ")}var j=this.attr||this.$elem.attr(a);if(!j||j.indexOf(k)==-1){this.attr=g.trim(j+" "+k+"("+l+")");this.$elem.attr(a,this.attr)}else{var i=[],n;d.lastIndex=0;while(n=d.exec(j)){if(k==n[1]){i.push(k+"("+l+")")}else{i.push(n[0])}}this.attr=i.join(" ");this.$elem.attr(a,this.attr)}},getAttrs:function(){var j=this.attr||this.$elem.attr(a);if(!j){return{}}var i={},l,k;d.lastIndex=0;while((l=d.exec(j))!==null){if(l){k=l[2].split(c);i[l[1]]=k.length==1?k[0]:k}}return i},getAttr:function(j){var i=this.getAttrs();if(typeof i[j]!=="undefined"){return i[j]}if(j==="origin"&&g.support.csstransforms){return this.$elem.css(this.transformOriginProperty).split(e)}else{if(j==="origin"){return["50%","50%"]}}return g.cssDefault[j]||0}});if(typeof(g.cssAngle)=="undefined"){g.cssAngle={}}g.extend(g.cssAngle,{rotate:true,skew:true,skewX:true,skewY:true});if(typeof(g.cssDefault)=="undefined"){g.cssDefault={}}g.extend(g.cssDefault,{scale:[1,1],scaleX:1,scaleY:1,matrix:[1,0,0,1,0,0],origin:["50%","50%"],reflect:[1,0,0,1,0,0],reflectX:[1,0,0,1,0,0],reflectXY:[1,0,0,1,0,0],reflectY:[1,0,0,1,0,0]});if(typeof(g.cssMultipleValues)=="undefined"){g.cssMultipleValues={}}g.extend(g.cssMultipleValues,{matrix:6,origin:{length:2,duplicate:true},reflect:6,reflectX:6,reflectXY:6,reflectY:6,scale:{length:2,duplicate:true},skew:2,translate:2});g.extend(g.cssNumber,{matrix:true,reflect:true,reflectX:true,reflectXY:true,reflectY:true,scale:true,scaleX:true,scaleY:true});g.each(g.transform.funcs,function(j,k){g.cssHooks[k]={set:function(n,o){var l=n.transform||new g.transform(n),i={};i[k]=o;l.exec(i,{preserve:true})},get:function(n,l){var i=n.transform||new g.transform(n);return i.getAttr(k)}}});g.each(["reflect","reflectX","reflectXY","reflectY"],function(j,k){g.cssHooks[k].get=function(n,l){var i=n.transform||new g.transform(n);return i.getAttr("matrix")||g.cssDefault[k]}})})(jQuery,this,this.document);(function(e,g,h,c){var d=/^([+\-]=)?([\d+.\-]+)(.*)$/;var a=e.fn.animate;e.fn.animate=function(p,l,o,n){var k=e.speed(l,o,n),j=e.cssMultipleValues;k.complete=k.old;if(!e.isEmptyObject(p)){if(typeof k.original==="undefined"){k.original={}}e.each(p,function(s,u){if(j[s]||e.cssAngle[s]||(!e.cssNumber[s]&&e.inArray(s,e.transform.funcs)!==-1)){var t=null;if(jQuery.isArray(p[s])){var r=1,q=u.length;if(j[s]){r=(typeof j[s].length==="undefined"?j[s]:j[s].length)}if(q>r||(q-10000?j:0}var f=e.fx.prototype.custom;e.fx.prototype.custom=function(u,v,w){var y=e.cssMultipleValues[this.prop],p=e.cssAngle[this.prop];if(y||(!e.cssNumber[this.prop]&&e.inArray(this.prop,e.transform.funcs)!==-1)){this.values=[];if(!y){y=1}var x=this.options.original[this.prop],t=e(this.elem).css(this.prop),j=e.cssDefault[this.prop]||0;if(!e.isArray(t)){t=[t]}if(!e.isArray(x)){if(e.type(x)==="string"){x=x.split(",")}else{x=[x]}}var l=y.length||y,s=0;while(x.lengthi||h>i||k<1||h<1){return 0}return this.elements[(k-1)*j+h-1]},decompose:function(){var v=this.e(1,1),t=this.e(2,1),q=this.e(1,2),p=this.e(2,2),o=this.e(1,3),n=this.e(2,3);if(Math.abs(v*p-t*q)<0.01){return{rotate:0+"deg",skewX:0+"deg",scaleX:1,scaleY:1,translateX:0+"px",translateY:0+"px"}}var l=o,j=n;var u=Math.sqrt(v*v+t*t);v=v/u;t=t/u;var i=v*q+t*p;q-=v*i;p-=t*i;var s=Math.sqrt(q*q+p*p);q=q/s;p=p/s;i=i/s;if((v*p-t*q)<0){v=-v;t=-t;u=-u}var w=f.angle.radianToDegree;var h=w(Math.atan2(t,v));i=w(Math.atan(i));return{rotate:h+"deg",skewX:i+"deg",scaleX:u,scaleY:s,translateX:l+"px",translateY:j+"px"}}};f.extend(d.M2x2.prototype,c,{toM3x3:function(){var h=this.elements;return new d.M3x3(h[0],h[1],0,h[2],h[3],0,0,0,1)},x:function(j){var k=typeof(j.rows)==="undefined";if(!k&&j.rows==3){return this.toM3x3().x(j)}var i=this.elements,h=j.elements;if(k&&h.length==2){return new d.V2(i[0]*h[0]+i[1]*h[1],i[2]*h[0]+i[3]*h[1])}else{if(h.length==i.length){return new d.M2x2(i[0]*h[0]+i[1]*h[2],i[0]*h[1]+i[1]*h[3],i[2]*h[0]+i[3]*h[2],i[2]*h[1]+i[3]*h[3])}}return false},inverse:function(){var i=1/this.determinant(),h=this.elements;return new d.M2x2(i*h[3],i*-h[1],i*-h[2],i*h[0])},determinant:function(){var h=this.elements;return h[0]*h[3]-h[1]*h[2]}});f.extend(d.M3x3.prototype,c,{x:function(j){var k=typeof(j.rows)==="undefined";if(!k&&j.rows<3){j=j.toM3x3()}var i=this.elements,h=j.elements;if(k&&h.length==3){return new d.V3(i[0]*h[0]+i[1]*h[1]+i[2]*h[2],i[3]*h[0]+i[4]*h[1]+i[5]*h[2],i[6]*h[0]+i[7]*h[1]+i[8]*h[2])}else{if(h.length==i.length){return new d.M3x3(i[0]*h[0]+i[1]*h[3]+i[2]*h[6],i[0]*h[1]+i[1]*h[4]+i[2]*h[7],i[0]*h[2]+i[1]*h[5]+i[2]*h[8],i[3]*h[0]+i[4]*h[3]+i[5]*h[6],i[3]*h[1]+i[4]*h[4]+i[5]*h[7],i[3]*h[2]+i[4]*h[5]+i[5]*h[8],i[6]*h[0]+i[7]*h[3]+i[8]*h[6],i[6]*h[1]+i[7]*h[4]+i[8]*h[7],i[6]*h[2]+i[7]*h[5]+i[8]*h[8])}}return false},inverse:function(){var i=1/this.determinant(),h=this.elements;return new d.M3x3(i*(h[8]*h[4]-h[7]*h[5]),i*(-(h[8]*h[1]-h[7]*h[2])),i*(h[5]*h[1]-h[4]*h[2]),i*(-(h[8]*h[3]-h[6]*h[5])),i*(h[8]*h[0]-h[6]*h[2]),i*(-(h[5]*h[0]-h[3]*h[2])),i*(h[7]*h[3]-h[6]*h[4]),i*(-(h[7]*h[0]-h[6]*h[1])),i*(h[4]*h[0]-h[3]*h[1]))},determinant:function(){var h=this.elements;return h[0]*(h[8]*h[4]-h[7]*h[5])-h[3]*(h[8]*h[1]-h[7]*h[2])+h[6]*(h[5]*h[1]-h[4]*h[2])}});var a={e:function(h){return this.elements[h-1]}};f.extend(d.V2.prototype,a);f.extend(d.V3.prototype,a)})(jQuery,this,this.document);(function(c,b,a,d){if(typeof(c.matrix)=="undefined"){c.extend({matrix:{}})}c.extend(c.matrix,{calc:function(e,f,g){this.matrix=e;this.outerHeight=f;this.outerWidth=g}});c.matrix.calc.prototype={coord:function(e,i,h){h=typeof(h)!=="undefined"?h:0;var g=this.matrix,f;switch(g.rows){case 2:f=g.x(new c.matrix.V2(e,i));break;case 3:f=g.x(new c.matrix.V3(e,i,h));break}return f},corners:function(e,h){var f=!(typeof(e)!=="undefined"||typeof(h)!=="undefined"),g;if(!this.c||!f){h=h||this.outerHeight;e=e||this.outerWidth;g={tl:this.coord(0,0),bl:this.coord(0,h),tr:this.coord(e,0),br:this.coord(e,h)}}else{g=this.c}if(f){this.c=g}return g},sides:function(e){var f=e||this.corners();return{top:Math.min(f.tl.e(2),f.tr.e(2),f.br.e(2),f.bl.e(2)),bottom:Math.max(f.tl.e(2),f.tr.e(2),f.br.e(2),f.bl.e(2)),left:Math.min(f.tl.e(1),f.tr.e(1),f.br.e(1),f.bl.e(1)),right:Math.max(f.tl.e(1),f.tr.e(1),f.br.e(1),f.bl.e(1))}},offset:function(e){var f=this.sides(e);return{height:Math.abs(f.bottom-f.top),width:Math.abs(f.right-f.left)}},area:function(e){var h=e||this.corners();var g={x:h.tr.e(1)-h.tl.e(1)+h.br.e(1)-h.bl.e(1),y:h.tr.e(2)-h.tl.e(2)+h.br.e(2)-h.bl.e(2)},f={x:h.bl.e(1)-h.tl.e(1)+h.br.e(1)-h.tr.e(1),y:h.bl.e(2)-h.tl.e(2)+h.br.e(2)-h.tr.e(2)};return 0.25*Math.abs(g.e(1)*f.e(2)-g.e(2)*f.e(1))},nonAffinity:function(){var f=this.sides(),g=f.top-f.bottom,e=f.left-f.right;return parseFloat(parseFloat(Math.abs((Math.pow(g,2)+Math.pow(e,2))/(f.top*f.bottom+f.left*f.right))).toFixed(8))},originOffset:function(h,g){h=h?h:new c.matrix.V2(this.outerWidth*0.5,this.outerHeight*0.5);g=g?g:new c.matrix.V2(0,0);var e=this.coord(h.e(1),h.e(2));var f=this.coord(g.e(1),g.e(2));return{top:(f.e(2)-g.e(2))-(e.e(2)-h.e(2)),left:(f.e(1)-g.e(1))-(e.e(1)-h.e(1))}}}})(jQuery,this,this.document);(function(e,d,a,f){if(typeof(e.matrix)=="undefined"){e.extend({matrix:{}})}var c=e.matrix,g=c.M2x2,b=c.M3x3;e.extend(c,{identity:function(k){k=k||2;var l=k*k,n=new Array(l),j=k+1;for(var h=0;h div').removeClass('centered_image'); $('#im_wrapperstacks_in_539_page5 > div img').removeAttr('width').removeAttr('height'); //calculate the dimensions of the full image var f_w = per_line * im_block_w; var f_h = per_col * im_block_h; var f_l = $('#im_wrapperstacks_in_539_page5').width()/2 - f_w/2 var f_t = $('#im_wrapperstacks_in_539_page5').height()/2 - f_h/2 //an array with the positions of the thumbs //we will use it for the navigation in single mode var positionsArray = []; for(var i = 0; i < nmb_thumbs; ++i) positionsArray[i]=i; //preload all the images $im_loading.show(); var loaded = 0; $thumb_imgs.each(function(){ var $this = $(this); $('').load(function(){ ++loaded; if(loaded == nmb_thumbs) start(); }).attr('src',$this.attr('src')).attr('alt',$this.attr('alt')); }); //starts the animation function start(){ $im_loading.hide(); //disperse the thumbs in a grid disperse(); } //disperses the thumbs in a grid based on windows dimensions function disperse(){ if(!flg_click) return; setflag(); mode = 'grid'; //center point for first thumb along the width of the window var spaces_w = $('#im_wrapperstacks_in_539_page5').width()/(per_line + 1); //center point for first thumb along the height of the window var spaces_h = $('#im_wrapperstacks_in_539_page5').height()/(per_col + 1); //let's disperse the thumbs equally on the page $thumbs.each(function(i){ var $thumb = $(this); $thumb.css({ 'width':162, 'height':128 }); //calculate left and top for each thumb, //considering how many we want per line var left = spaces_w*((i%per_line)+1) - $thumb.width()/2; var top = spaces_h*(Math.ceil((i+1)/per_line)) - $thumb.height()/2; //lets give a random degree to each thumb var r = (Math.floor(Math.random()*41)-20); /* now we animate the thumb to its final positions; we also fade in its image, animate it to size, and remove any background image of the thumb - this is not relevant for the first time we call disperse, but when changing from single to grid mode */ if(ie || !r) {var param = { 'left' : left + r + 'px', 'top' : top + r + 'px' }; var param2 = {'opacity':'1'};} else {var param = { 'left' : left + 'px', 'top' : top + 'px' }; var param2 = {'rotate' : r + 'deg'};} $thumb.stop() .animate(param,(700/im_speed)) .animate(param2,(700/im_speed) ,function(){ if(i==nmb_thumbs-1) setflag(); }) .find('img') .fadeIn(700/im_speed,function(){ $thumb.css({ 'background-image' :'none', '-moz-box-shadow' :'1px 1px 5px #333', '-webkit-box-shadow':'1px 1px 5px #333', 'box-shadow' :'1px 1px 5px #333' }); $(this).animate({ 'width' : im_innerblock_w + 'px', 'height' : im_innerblock_h +'px', 'marginTop' : '5px', 'marginLeft': '5px' },150); }); }); } //controls if we can click on the thumbs or not //if there's an animation in progress //we don't want the user to be able to click function setflag(){ flg_click = !flg_click } /* when we click on a thumb, we want to merge them and show the full image that was clicked. we need to animate the thumbs positions in order to center the final image in the screen. The image itself is the background image that each thumb will have (different background positions) If we are currently seeing the single image, then we want to disperse the thumbs again, and with this, showing the thumbs images. */ $thumbs.bind('click',function(){ if(!flg_click) return; setflag(); $('html,body').animate({scrollTop: $('#im_wrapperstacks_in_539_page5').offset().top}, 500); // Move container to top of viewport var $this = $(this); current = $this.index(); if(mode == 'grid'){ mode = 'single'; //the source of the full image var image_src = $this.find('img').attr('src'); var image_caption = $this.find('img').attr('alt'); // get caption text $thumbs.each(function(i){ var $thumb = $(this); var $image = $thumb.find('img'); $thumb.stop().animate({ // animate image container first... 'width' : im_block_w +'px', 'height' : im_block_h +'px'},150); //first we animate the thumb image //to fill the thumbs dimensions $image.stop().animate({ 'width' : (im_block_h*aspect_ratio) +'px', 'height' : im_block_h +'px', 'marginTop' : '0px', 'marginLeft': '0px' },150,function(){ /* set the background image for the thumb and animate the thumbs positions and rotation */ if(ie) {var param = { 'left' : f_l + (i%per_line)*im_block_w + 'px', 'top' : f_t + Math.floor(i/per_line)*im_block_h + 'px' }; var param2 = {'opacity':'1'};} else {var param = { 'left' : f_l + (i%per_line)*im_block_w + 'px', 'top' : f_t + Math.floor(i/per_line)*im_block_h + 'px' }; var param2 = {'rotate': '0deg'};} $thumb.css({ 'background-image' : 'url('+image_src+')' }).stop() .animate(param,(1500/im_speed)) .animate(param2,(200/im_speed) ,function(){ //insert navigation for the single mode if(i==nmb_thumbs-1){ $('#im_outerstacks_in_539_page5 .caption_txt').html(image_caption);$('#im_outerstacks_in_539_page5 .caption_bg').css({width:f_w+'px', opacity:50/100});$('#im_outerstacks_in_539_page5 .outer_caption').css({width:f_w+'px', left:f_l+'px', bottom:(550-411)/2+'px'}).fadeIn(); addNavigation(); setflag(); } }) .css({ '-moz-box-shadow':'none','-webkit-box-shadow':'none','box-shadow':'none'}) ; //fade out the thumb's image $image.fadeOut(700/im_speed); }); }); } else{ setflag(); $('#im_outerstacks_in_539_page5 .outer_caption').fadeOut(); //remove navigation removeNavigation(); //if we are on single mode then disperse the thumbs disperse(); } }); //removes the navigation buttons function removeNavigation(){ $im_next.stop().animate({'right':'-70px',opacity:0},300); $im_prev.stop().animate({'left':'-70px',opacity:0},300); } //add the navigation buttons function addNavigation(){ $im_next.stop().animate({'right':'3px'},300).css({opacity:0.5,'zIndex':9000}); $im_prev.stop().animate({'left':'3px'},300).css({opacity:0.5,'zIndex':9000}); } $im_next.hover(function(){ $(this).css({opacity:0.9}) }, function(){$(this).css({opacity:0.5}); }); $im_prev.hover(function(){ $(this).css({opacity:0.9}) }, function(){$(this).css({opacity:0.5}); }); //User clicks next button (single mode) $im_next.bind('click',function(){ if(!flg_click) return; setflag(); ++current; var $next_thumb = $im_wrapper.children('div:nth-child('+(current+1)+')'); if($next_thumb.length>0){ var image_src = $next_thumb.find('img').attr('src'); var image_caption = $next_thumb.find('img').attr('alt'); var arr = Array.shuffle(positionsArray.slice(0)); $im_prev.stop().animate({'left':'3px'},300).css({opacity:0.5,'zIndex':9000}); $thumbs.each(function(i){ //we want to change each divs background image //on a different point of time var t = $(this); setTimeout(function(){ t.css({ 'background-image' : 'url('+image_src+')' }); $('#im_outerstacks_in_539_page5 .caption_txt').html(image_caption).fadeIn(); if(i == nmb_thumbs-1) setflag(); },arr.shift()*20); }); } else{ setflag(); --current; $im_next.stop().animate({'right':'-70px',opacity:0},300); $im_prev.stop().animate({'left':'3px'},300).css({opacity:0.5,'zIndex':9000}); return; } }); //User clicks prev button (single mode) $im_prev.bind('click',function(){ if(!flg_click) return; setflag(); --current; var $prev_thumb = $im_wrapper.children('div:nth-child('+(current+1)+')'); if($prev_thumb.length>0){ var image_src = $prev_thumb.find('img').attr('src'); var image_caption = $prev_thumb.find('img').attr('alt'); var arr = Array.shuffle(positionsArray.slice(0)); $im_next.stop().animate({'right':'3px'},300).css({opacity:0.5,'zIndex':9000}); $thumbs.each(function(i){ var t = $(this); setTimeout(function(){ t.css({ 'background-image' : 'url('+image_src+')' }); $('#im_outerstacks_in_539_page5 .caption_txt').html(image_caption).fadeIn(); if(i == nmb_thumbs-1) setflag(); },arr.shift()*20); }); } else{ setflag(); ++current; $im_prev.stop().animate({'left':'-70px',opacity:0},300); $im_next.stop().animate({'right':'3px'},300).css({opacity:0.5,'zIndex':9000}); return; } }); //on windows resize call the disperse function $(window).smartresize(function(){ removeNavigation() disperse(); }); //function to shuffle an array Array.shuffle = function( array ){ for( var j, x, i = array.length; i; j = parseInt(Math.random() * i), x = array[--i], array[i] = array[j], array[j] = x ); return array; }; }); return stack; })(stacks.stacks_in_539_page5); // Javascript for stacks_in_577_page5 // --------------------------------------------------------------------- // Each stack has its own object with its own namespace. The name of // that object is the same as the stack's id. stacks.stacks_in_577_page5 = {}; // A closure is defined and assigned to the stack's object. The object // is also passed in as 'stack' which gives you a shorthand for referring // to this object from elsewhere. stacks.stacks_in_577_page5 = (function(stack) { // When jQuery is used it will be available as $ and jQuery but only // inside the closure. var jQuery = stacks.jQuery; var $ = jQuery; // xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx // My Product stack // xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx $(document).ready(function() { jQuery.url = function() { var segments = {}; var parsed = {}; /** * Options object. Only the URI and strictMode values can be changed via the setters below. */ var options = { url : window.location, // default URI is the page in which the script is running strictMode: false, // 'loose' parsing by default key: ["source","protocol","authority","userInfo","user","password","host","port","relative","path","directory","file","query","anchor"], // keys available to query q: { name: "queryKey", parser: /(?:^|&)([^&=]*)=?([^&]*)/g }, parser: { strict: /^(?:([^:\/?#]+):)?(?:\/\/((?:(([^:@]*):?([^:@]*))?@)?([^:\/?#]*)(?::(\d*))?))?((((?:[^?#\/]*\/)*)([^?#]*))(?:\?([^#]*))?(?:#(.*))?)/, //less intuitive, more accurate to the specs loose: /^(?:(?![^:@]+:[^:@\/]*@)([^:\/?#.]+):)?(?:\/\/)?((?:(([^:@]*):?([^:@]*))?@)?([^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/ // more intuitive, fails on relative paths and deviates from specs } }; /** * Deals with the parsing of the URI according to the regex above. * Written by Steven Levithan - see credits at top. */ var parseUri = function() { str = decodeURI( options.url ); var m = options.parser[ options.strictMode ? "strict" : "loose" ].exec( str ); var uri = {}; var i = 14; while ( i-- ) { uri[ options.key[i] ] = m[i] || ""; } uri[ options.q.name ] = {}; uri[ options.key[12] ].replace( options.q.parser, function ( $0, $1, $2 ) { if ($1) { uri[options.q.name][$1] = $2; } }); return uri; }; /** * Returns the value of the passed in key from the parsed URI. * * @param string key The key whose value is required */ var key = function( key ) { if ( ! parsed.length ) { setUp(); // if the URI has not been parsed yet then do this first... } if ( key == "base" ) { if ( parsed.port !== null && parsed.port !== "" ) { return parsed.protocol+"://"+parsed.host+":"+parsed.port+"/"; } else { return parsed.protocol+"://"+parsed.host+"/"; } } return ( parsed[key] === "" ) ? null : parsed[key]; }; /** * Returns the value of the required query string parameter. * * @param string item The parameter whose value is required */ var param = function( item ) { if ( ! parsed.length ) { setUp(); // if the URI has not been parsed yet then do this first... } return ( parsed.queryKey[item] === null ) ? null : parsed.queryKey[item]; }; /** * 'Constructor' (not really!) function. * Called whenever the URI changes to kick off re-parsing of the URI and splitting it up into segments. */ var setUp = function() { parsed = parseUri(); getSegments(); }; /** * Splits up the body of the URI into segments (i.e. sections delimited by '/') */ var getSegments = function() { var p = parsed.path; segments = []; // clear out segments array segments = parsed.path.length == 1 ? {} : ( p.charAt( p.length - 1 ) == "/" ? p.substring( 1, p.length - 1 ) : path = p.substring( 1 ) ).split("/"); }; return { /** * Sets the parsing mode - either strict or loose. Set to loose by default. * * @param string mode The mode to set the parser to. Anything apart from a value of 'strict' will set it to loose! */ setMode : function( mode ) { strictMode = mode == "strict" ? true : false; return this; }, /** * Sets URI to parse if you don't want to to parse the current page's URI. * Calling the function with no value for newUri resets it to the current page's URI. * * @param string newUri The URI to parse. */ setUrl : function( newUri ) { options.url = newUri === undefined ? window.location : newUri; setUp(); return this; }, /** * Returns the value of the specified URI segment. Segments are numbered from 1 to the number of segments. * For example the URI http://test.com/about/company/ segment(1) would return 'about'. * * If no integer is passed into the function it returns the number of segments in the URI. * * @param int pos The position of the segment to return. Can be empty. */ segment : function( pos ) { if ( ! parsed.length ) { setUp(); // if the URI has not been parsed yet then do this first... } if ( pos === undefined ) { return segments.length; } return ( segments[pos] === "" || segments[pos] === undefined ) ? null : segments[pos]; }, attr : key, // provides public access to private 'key' function - see above param : param // provides public access to private 'param' function - see above }; }(); var yourfolder = jQuery.url.attr("directory"); if(yourfolder == "/"){yourfolder = ""}; var dooabuttonlink; var dooabuttontarget; $("#stacks_in_577_page5 .stacks_in_577_page5buttoncontainer").each(function() { dooabuttonlink = $("a", this).attr("href"); dooabuttonrel = $("a", this).attr("rel"); dooabuttonclass = $("a", this).attr("class"); $(this).wrap(''); }); $("#stacks_in_577_page5 .stacks_in_577_page5link").hover( function () { $("a", this).css("color","#D57141"); }, function () { $("a", this).css("color","#BC1B10"); } ); var itsIE = navigator.userAgent.match(/MSIE 8/i) || navigator.userAgent.match(/MSIE 7/i) != null; if(itsIE){ $("#stacks_in_577_page5 .outershadow").css({ "box-shadow": "none", "behavior":"url(" + yourfolder + "files/IPIE.htc)" }); $("#stacks_in_577_page5 .stacks_in_577_page5link:first-child .stacks_in_577_page5buttoncontainer").css({ "border-radius": "5px 0px 0px 5px", "behavior":"url(" + yourfolder + "files/IPIE.htc)" }); $("#stacks_in_577_page5 .stacks_in_577_page5link:last-child .stacks_in_577_page5buttoncontainer").css({ "border-radius": "0px 5px 5px 0px", "behavior":"url(" + yourfolder + "files/IPIE.htc)" }); } }); // xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx // End my producet stack // xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx return stack; })(stacks.stacks_in_577_page5); // Javascript for stacks_in_5_page5 // --------------------------------------------------------------------- // Each stack has its own object with its own namespace. The name of // that object is the same as the stack's id. stacks.stacks_in_5_page5 = {}; // A closure is defined and assigned to the stack's object. The object // is also passed in as 'stack' which gives you a shorthand for referring // to this object from elsewhere. stacks.stacks_in_5_page5 = (function(stack) { // When jQuery is used it will be available as $ and jQuery but only // inside the closure. var jQuery = stacks.jQuery; var $ = jQuery; //-- Elevator Stack v1.0.0 by Joe Workman --// /* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing */ jQuery.easing['jswing'] = jQuery.easing['swing']; jQuery.extend( jQuery.easing, { def: 'easeOutQuad', swing: function (x, t, b, c, d) { //alert(jQuery.easing.default); return jQuery.easing[jQuery.easing.def](x, t, b, c, d); }, easeInQuad: function (x, t, b, c, d) { return c*(t/=d)*t + b; }, easeOutQuad: function (x, t, b, c, d) { return -c *(t/=d)*(t-2) + b; }, easeInOutQuad: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t + b; return -c/2 * ((--t)*(t-2) - 1) + b; }, easeInCubic: function (x, t, b, c, d) { return c*(t/=d)*t*t + b; }, easeOutCubic: function (x, t, b, c, d) { return c*((t=t/d-1)*t*t + 1) + b; }, easeInOutCubic: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t*t + b; return c/2*((t-=2)*t*t + 2) + b; }, easeInQuart: function (x, t, b, c, d) { return c*(t/=d)*t*t*t + b; }, easeOutQuart: function (x, t, b, c, d) { return -c * ((t=t/d-1)*t*t*t - 1) + b; }, easeInOutQuart: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t*t*t + b; return -c/2 * ((t-=2)*t*t*t - 2) + b; }, easeInQuint: function (x, t, b, c, d) { return c*(t/=d)*t*t*t*t + b; }, easeOutQuint: function (x, t, b, c, d) { return c*((t=t/d-1)*t*t*t*t + 1) + b; }, easeInOutQuint: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b; return c/2*((t-=2)*t*t*t*t + 2) + b; }, easeInSine: function (x, t, b, c, d) { return -c * Math.cos(t/d * (Math.PI/2)) + c + b; }, easeOutSine: function (x, t, b, c, d) { return c * Math.sin(t/d * (Math.PI/2)) + b; }, easeInOutSine: function (x, t, b, c, d) { return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b; }, easeInExpo: function (x, t, b, c, d) { return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b; }, easeOutExpo: function (x, t, b, c, d) { return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b; }, easeInOutExpo: function (x, t, b, c, d) { if (t==0) return b; if (t==d) return b+c; if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b; return c/2 * (-Math.pow(2, -10 * --t) + 2) + b; }, easeInCirc: function (x, t, b, c, d) { return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b; }, easeOutCirc: function (x, t, b, c, d) { return c * Math.sqrt(1 - (t=t/d-1)*t) + b; }, easeInOutCirc: function (x, t, b, c, d) { if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b; return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b; }, easeInElastic: function (x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; }, easeOutElastic: function (x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; }, easeInOutElastic: function (x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5); if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b; }, easeInBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; return c*(t/=d)*t*((s+1)*t - s) + b; }, easeOutBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b; }, easeInOutBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; }, easeInBounce: function (x, t, b, c, d) { return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b; }, easeOutBounce: function (x, t, b, c, d) { if ((t/=d) < (1/2.75)) { return c*(7.5625*t*t) + b; } else if (t < (2/2.75)) { return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; } else if (t < (2.5/2.75)) { return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; } else { return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; } }, easeInOutBounce: function (x, t, b, c, d) { if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b; return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b; } }); /* UItoTop jQuery Plugin 1.1 - http://www.mattvarone.com/web-design/uitotop-jquery-plugin */ (function($){ $.fn.UItoTop = function(options) { var defaults = { text: 'To Top', min: 200, inDelay:600, outDelay:400, containerID: 'toTop', containerHoverID: 'toTopHover', scrollSpeed: 1200, easingType: 'linear' }; var settings = $.extend(defaults, options); var containerIDhash = '#' + settings.containerID; var containerHoverIDHash = '#'+settings.containerHoverID; $('body').append(''+settings.text+''); $(containerIDhash).hide().click(function(){ $('html, body').animate({scrollTop:0}, settings.scrollSpeed, settings.easingType); $('#'+settings.containerHoverID, this).stop().animate({'opacity': 0 }, settings.inDelay, settings.easingType); return false; }) .prepend('') .hover(function() { $(containerHoverIDHash, this).stop().animate({ 'opacity': 1 }, 600, 'linear'); }, function() { $(containerHoverIDHash, this).stop().animate({ 'opacity': 0 }, 700, 'linear'); }); $(window).scroll(function() { var sd = $(window).scrollTop(); if(typeof document.body.style.maxHeight === "undefined") { $(containerIDhash).css({ 'position': 'absolute', 'top': $(window).scrollTop() + $(window).height() - 50 }); } if ( sd > settings.min ) $(containerIDhash).fadeIn(settings.inDelay); else $(containerIDhash).fadeOut(settings.Outdelay); }); }; })(jQuery); $(document).ready(function() { $().UItoTop({ easingType:'easeOutQuart', scrollSpeed:1200, min:200 }); }); //-- End Elevator Stack --// return stack; })(stacks.stacks_in_5_page5);