//side panel animations for OxiFresh.com
//written by Jay Vilhena
//includes some code copyrighted by Ironbox.com and licensed for unlimited, royalty-free use by OxiFresh.com and associated sites
var animMgr=new function(){
var _1=this;
var _2=null;
var _3=2*Math.PI;
var _4=null;
var _5=null;
var _6=null;
var _7=null;
var _8=null;
var _9=null;
var _a=null;
var _b=null;
var _c=null;
var _d=null;
var _e=null;
var _f=null;
var _10=null;
_4=function(_11){
var _12=null;
if(_11=="div"){
_12=_8(this);
}else{
if(_11=="canv"){
_12=_7(this);
}
}
return _12;
};
_5=function(_13){
var ctx=this;
ctx.mycanvas.style.left=Math.floor(_13[0])+"px";
ctx.mycanvas.style.top=Math.floor(_13[1])+"px";
};
_6=function(xyz,wh,_17){
var _18=document.createElement("div");
_18.style.position="absolute";
_18.style.left=(xyz[0]-wh[0]/2)+"px";
_18.style.top=(xyz[1]-wh[1]/2)+"px";
_18.myz=xyz.length>2?xyz[2]:0;
//_18.style.zIndex=_18.myz||"auto";
_18.style.width=wh[0]+"px";
_18.style.height=wh[1]+"px";
var _19=_17||_2;
_19.insertBefore(_18,_19.firstChild);
_18.myxy=[xyz[0],xyz[1]];
_18.mywh=wh;
_18.mycenter=[Math.floor(_18.mywh[0]/2),Math.floor(_18.mywh[1]/2)];
_18.mycanvs=[];
_18.mydivs=[];
_18.addLayer=_4;
return _18;
};
_7=function(_1a){
var _1b=document.createElement("canvas");
_1b.style.position="absolute";
_1b.style.left="0px";
_1b.style.top="0px";
_1b.myz=_1a.mycanvs.length;
_1b.style.zIndex=_1b.myz;
_1b.setAttribute("width",_1a.mywh[0]);
_1b.setAttribute("height",_1a.mywh[1]);
_1a.appendChild(_1b);
if(typeof (G_vmlCanvasManager)!="undefined"){
G_vmlCanvasManager.initElement(_1b);
}
_1b.ctx=_1b.getContext("2d");
_1b.ctx.mywh=[_1a.mywh[0],_1a.mywh[1]];
_1b.ctx.mypivot=_1a.mycenter;
_1b.ctx.myimg=null;
_1b.ctx.myimgwh=[0,0];
_1b.ctx.myz=_1b.myz;
_1b.ctx.mycanvas=_1b;
_1b.ctx.myhost=_1a;
_1b.ctx.panMe=_5;
_1a.mycanvs.push(_1b);
return _1b;
};
_8=function(_1c){
var _1d=document.createElement("div");
_1d.style.position="absolute";
_1d.style.left="0px";
_1d.style.top="0px";
_1d.myz=_1c.mydivs.length+100;
_1d.style.zIndex=_1d.myz;
_1d.style.width="100%";
_1d.style.height="100%";
_1c.appendChild(_1d);
_1c.mydivs.push(_1d);
return _1d;
};
_9=function(ctx,xy,arc,_21,_22,_23){
ctx.beginPath();
ctx.arc(xy[0],xy[1],arc[0],_3*arc[1],_3*arc[2],_23);
ctx.lineTo(xy[0],xy[1]);
if(_21){
ctx.fillStyle=_21;
ctx.fill();
}
if(_22){
ctx.strokeStyle=_22;
ctx.stroke();
}
};
_a=function(ctx,_25,_26,_27,_28,_29){
var _2a=_26[0];
var _2b=_26[1];
var _2c=_26[2];
ctx.fillStyle=_27||"#FFFFFF";
ctx.strokeStyle=_28||"#000000";
ctx.lineWidth=_26[3];
if(_29){
ctx.globalAlpha=(100-_29)/100;
}
var x=_25[0];
var y=_25[1];
ctx.beginPath();
ctx.moveTo(x,y+_2c);
ctx.lineTo(x,y+_2b-_2c);
ctx.quadraticCurveTo(x,y+_2b,x+_2c,y+_2b);
ctx.lineTo(x+_2a-_2c,y+_2b);
ctx.quadraticCurveTo(x+_2a,y+_2b,x+_2a,y+_2b-_2c);
ctx.lineTo(x+_2a,y+_2c);
ctx.quadraticCurveTo(x+_2a,y,x+_2a-_2c,y);
ctx.lineTo(x+_2c,y);
ctx.quadraticCurveTo(x,y,x,y+_2c);
ctx.closePath();
if(_28!="transparent"){
ctx.stroke();
}
if(_27!="transparent"){
ctx.fill();
}
if(_29){
ctx.globalAlpha=1;
}
};
_b=function(ctx,_30,_31,_32,_33){
var _34=new Image();
_34.onload=function(){
ctx.myimg=_34;
ctx.mypivot=_30||ctx.mypivot;
_32=_32||[1,1];
var _35=_34.width*_32[0];
var _36=_34.height*_32[1];
ctx.save();
ctx.scale(_32[0],_32[1]);
ctx.myimgscale=_32;
ctx.myimgspin=0;
ctx.myimgwh=[_35,_36];
ctx.drawImage(_34,Math.floor((ctx.mypivot[0]-_35/2)/_32[0]),Math.floor((ctx.mypivot[1]-_36/2)/_32[1]));
ctx.restore();
if(_33){
_33(ctx);
}
};
_34.src=_31;
};
_c=function(ctx,_38,_39){
ctx.mypivot=_38||ctx.mypivot;
var img=ctx.myimg;
var _3b=ctx.myimgwh[0];
var _3c=ctx.myimgwh[1];
ctx.myimgspin=_39||ctx.myimgspin;
ctx.save();
ctx.translate(ctx.mypivot[0],ctx.mypivot[1]);
ctx.rotate(_3*ctx.myimgspin);
ctx.translate(-ctx.mypivot[0],-ctx.mypivot[1]);
ctx.scale(ctx.myimgscale[0],ctx.myimgscale[1]);
ctx.drawImage(img,Math.floor((ctx.mypivot[0]-_3b/2)/ctx.myimgscale[0]),Math.floor((ctx.mypivot[1]-_3c/2)/ctx.myimgscale[1]));
ctx.restore();
};
_d=function(ctx,_3e,_3f,_40){
var img=ctx.myimg;
if(typeof _3e=="number"){
_3e=[_3e,_3e];
}
ctx.myimgscale=_3e||ctx.myimgscale;
ctx.myimgspin=isNaN(_3f)?ctx.myimgspin:_3f;
var _42=img.width*ctx.myimgscale[0];
var _43=img.height*ctx.myimgscale[1];
if(!_40){
ctx.clearRect(0,0,2*ctx.mywh[0],2*ctx.mywh[1]);
}
ctx.save();
ctx.translate(ctx.mypivot[0],ctx.mypivot[1]);
ctx.rotate(_3*ctx.myimgspin);
ctx.translate(-ctx.mypivot[0],-ctx.mypivot[1]);
ctx.scale(ctx.myimgscale[0],ctx.myimgscale[1]);
ctx.drawImage(img,Math.floor((ctx.mypivot[0]-_42/2)/ctx.myimgscale[0]),Math.floor((ctx.mypivot[1]-_43/2)/ctx.myimgscale[1]));
ctx.restore();
};
_e=function(ctx,_45,_46,_47,_48,_49){
_45=_45||ctx.mypivot;
if(!_46){
_46=[0,0];
}
var _4a=_45[0]+_46[0];
var _4b=_45[1]+_46[1];
ctx.clearRect(0,0,2*ctx.mywh[0],2*ctx.mywh[1]);
ctx.save();
ctx.translate(_4a,_4b);
if(_47){
ctx.rotate(_3*_47);
}
ctx.translate(-_45[0],-(_45[1]));
if(_48){
ctx.scale(_48,_48);
}
_49();
ctx.restore();
};
_f=function(_4c,_4d,_4e,_4f,_50,_51,_52){
var x=_4d[0]-_4c[0];
var y=_4d[1]-_4c[1];
var dx=x/_4f;
var dy=y/_4f;
var da=_4e/_4f;
var tox=0;
var toy=0;
var toa=0;
if(_51){
_51(tox,toy,toa);
}
var _5b=setInterval(function(){
if(dx>=0&&(tox+=dx)>x){
tox=x;
}
if(dy>=0&&(toy+=dy)>y){
toy=y;
}
if(dx<0&&(tox+=dx)<x){
tox=x;
}
if(dy<0&&(toy+=dy)<y){
toy=y;
}
if((toa+=da)>_4e){
toa=_4e;
}
if(_51){
_51(tox,toy,toa);
}
if(tox==x&&toa==_4e){
clearInterval(_5b);
if(_52){
_52(tox,toy,toa);
}
}
},_50);
};
_10=function(_5c,_5d,_5e,_5f,_60){
var dx=[];
var tox=[];
for(var i=0;i<_5c.length;i++){
var x=_5c[i];
dx[i]=(x[1]-x[0])/_5d;
tox[i]=x[0];
}
if(_5f){
_5f(tox,dx);
}
var _65=setInterval(function(){
for(var i=0;i<_5c.length;i++){
var x=_5c[i];
tox[i]+=dx[i];
if(dx[i]>0&&tox[i]>x[1]){
tox[i]=x[1];
}
if(dx[i]<0&&tox[i]<x[1]){
tox[i]=x[1];
}
}
if(_5f){
_5f(tox,dx);
}
var _68=true;
for(var i=0;i<_5c.length;i++){
if(tox[i]!=_5c[i][1]){
_68=false;
}
}
if(_68){
clearInterval(_65);
if(_60){
_60(tox,dx);
}
}
},_5e);
};
this.initIt=function(){
_2=document.getElementById("ssbakdiv01");
var _69=[];
_69[1]=document.getElementById("rightItem1");
_69[2]=document.getElementById("rightItem2");
_69[3]=document.getElementById("rightItem3");
var _6a=/MSIE/.test(navigator.userAgent);
var _6b=[];
for(var i=1;i<4;i++){
if(!greenanim&&i==2){
_6b.push(null);
continue;
}
var _6d=_6([100,i<3?100:116],[199,i<3?202:232],_69[i]);
var _6e=_6d.addLayer("canv");
var _6f=_6d.addLayer("canv");
var _70=_6d.addLayer("div");
_70.style.background="transparent";
_70.style.paddingTop="4px";
_70.style.color="white";
_70.style.fontSize="10pt";
_70.style.fontWeight="bold";
_70.style.textAlign="center";
_70.style.cursor="pointer";
_70.myidx=i-1;
_70.onclick=function(){
window.location.assign(animlinks[this.myidx]);
};
_6b.push(_6d);
}
var _6d=_6b[0];
var _71=_6b[1];
var _72=_6b[2];
_b(_6d.mycanvs[1].ctx,[_6d.mycenter[0]-8,_6d.mycenter[1]-21],couponimg,[0.8,0.8],function(){
var _73=_6d.mycanvs[1].ctx;
var ang=0;
var _75=1;
var _76=false;
var _77=true;
var _78=function(_79,_7a){
var _7b=_79?[0.8,0.9]:[0.9,0.8];
var ang=_79?[0,0.036]:[0.04,0];
_10([[0,0],[0,0],_7b,ang],5,10,function(tox,dx){
_d(_73,tox[2],tox[3]);
},function(tox,dx){
if(_7a){
_7a();
}
});
};
var _81=function(){
setTimeout(function(){
_d(_73,null,0.01);
},100);
setTimeout(function(){
_d(_73,null,0);
_76=false;
},200);
};
_6d.mydivs[0].onmouseover=function(){
if(!_77){
return;
}
_77=false;
_76=true;
_78(true,function(){
setTimeout(function(){
_d(_73,null,0.05);
},100);
setTimeout(function(){
_d(_73,null,0.036);
_76=false;
},200);
});
};
_6d.mydivs[0].onmouseout=function(){
if(_77){
return;
}
if(_76){
var _82=setInterval(function(){
if(!_76){
_78(false,function(){
_77=true;
_81();
});
clearInterval(_82);
}
},30);
}else{
_78(false,function(){
_77=true;
_81();
});
}
};
});
var _83=false;
if(_71){
_b(_71.mycanvs[1].ctx,[_71.mycenter[0],_71.mycenter[1]+20],greenimg,null,function(){
var _84=_71.mycanvs[1].ctx;
var ang=0;
var _86=function(_87,_88){
_83=true;
_f([0,0],[0,0],0.1,_6a?10:20,_6a?12:10,function(dx,dy,da){
_e(_84,null,null,ang+(da*(_87?1:-1)),null,function(){
_c(_84);
});
},function(tox,toy,toa){
_83=false;
ang=toa;
if(_88){
_88();
}
});
};
_71.mydivs[0].onmouseover=function(){
if(_83){
return;
}
if(_6a){
_84.panMe([3,5]);
}
ang=0;
_86(true,function(){
_86(false,function(){
ang=0;
_86(false,function(){
ang=-ang;
_86(true,function(){
if(_6a){
_84.panMe([0,0]);
}
});
});
});
});
};
});
}
var _8f=awardsimgs;
var _90=[0.1,0.05,0,-0.05,-0.1,0.03,-0.03];
var _91=[-60,-30,0,29,58,-30,20];
var _92=[3,15,20,15,5,-20,-20];
var _93=[];
var _94=[false,false,false,false,false,false,false];
for(var i=0;i<_8f.length;i++){
_72.addLayer("canv");
var x=-29+(3-i)*29;
var y=78+Math.abs(2-i)*10;
if(i==2||i==4){
y+=4;
}
if(i>4){
x=(-50*i)+280;
y=123;
}
var _97=document.createElement("div");
_97.style.position="absolute";
_97.style.backgroundColor="white";
_97.style.opacity=0;
_97.style.filter="alpha(opacity=0)";
_97.style.left=(90+x)+"px";
_97.style.top=(y-20)+"px";
_97.style.width="20px";
_97.style.height="30px";
_97.style.cursor="pointer";
_97.style.zIndex=500;
_97.onclick=function(){
window.location.assign(animlinks[2]);
};
_72.appendChild(_97);
_93.push(_97);
_b(_72.mycanvs[i+2].ctx,[_72.mycenter[0]+x,y],_8f[i],[0.5,0.5],function(_98){
var idx=-1;
for(var i=0;i<_8f.length;i++){
if(_98.myimg.src.indexOf(_8f[i])!=-1){
idx=i;
break;
}
}
_d(_98,null,_90[idx]);
var _9b=_90[idx];
var _9c=_91[idx];
var _9d=_92[idx];
var _9e=_93[idx];
var _9f=_94[idx];
idx++;
_9e.onmouseover=function(){
if(_9f){
return;
}
_9f=true;
_98.mycanvas.style.zIndex=50;
_10([[0,_9c],[0,_9d],[_9b,0],[0.5,1]],_6a?6:10,15,function(tox,dx){
_d(_98,tox[3],tox[2]);
_98.panMe([tox[0],tox[1]]);
},function(tox,dx){
_9f=false;
});
};
_9e.onmouseout=function(){
var _a4=function(){
_9f=true;
_10([[_9c,0],[_9d,0],[0,_9b],[1,0.5]],_6a?6:10,10,function(tox,dx){
_d(_98,tox[3],tox[2]);
_98.panMe([tox[0],tox[1]]);
},function(tox,dx){
_9f=false;
_98.mycanvas.style.zIndex=_98.myz;
});
};
if(_9f){
var _a9=setInterval(function(){
if(!_9f){
_a4();
clearInterval(_a9);
}
},40);
}else{
_a4();
}
};
});
}
};
}();