Фото автоматически меняется с фильтрами transition Сцена со шторами Библиотека Javascript. SE@RCHER

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Фото автоматически меняется с фильтрами transition Сцена со шторами</title> <meta http-equiv="imagetoolbar" content="no" /> <style type="text/css"> html, body {margin: 0px;padding: 0px;width: 100%; height: 100%; background-color: black;background-image: url(linear00.jpg);background-repeat: repeat-x;background-position: center center;} .bgrnd { display: block;position:absolute;width: 588px; height: 400px; left: 50%; top: 50%; margin: 0px; margin-left:-294px;margin-top:-200px;padding: 0px;float: none;background: url(cinema00.jpg) center no-repeat;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;box-shadow: 0px 0px 32px #fcc; -moz-box-shadow: 0px 0px 32px #fcc;-khtml-box-shadow: 0px 0px 32px #fcc;-webkit-box-shadow: 0px 0px 32px #fcc;} .demo { display: block;position:absolute;width: 400px; height: 220px;left: 94px; top: 52px; margin: 0px; padding: 0px;background: url(curtain0.jpg) center no-repeat;} #output {display: block;position:absolute;left: 10px;top: 280px;color: white;font-size: 10px;line-height: 13px;font-weight: bold;text-shadow: 0px 0px 2px black;font-family: Arial, Helvetica, sans-serif; } #overlay {display: block;position:absolute;overflow:hidden;width: 400px; height: 220px;left: 94px; top: 52px; margin: 0px; padding: 0px;z-index: 100;background: transparent;} #text {position:absolute;width: 380px; height: auto;left: 10px; bottom: 8px;margin: 0px; padding: 0px;text-align: center;vertical-align: bottom;color: white;font-size: 24px;line-height: 32px;font-weight: normal;font-family: Tahoma, Arial, Helvetica, sans-serif; font-variant: normal;font-style: normal;text-align: center;text-shadow: 0px 0px 4px black;} #text var { font-variant: small-caps; font-style: normal; } #text em { color: orange; font-style: normal; } #text dfn { color: black; font-style: normal; } #text big { font-size: 32px; line-height: 40px; } #text small { font-size: 16px; line-height: 18px; } #thumbs {display: block;position:absolute;overflow:hidden;width: 564px; height: 48px;left: 12px; bottom: 12px; margin: 0px; padding: 0px;z-index: 100;background: black;background-color: rgba(0,0,0,0.33);} #images {display: block;overflow:visible;position:absolute;width: auto; height: 48px;left: 0px; top: 0px; margin: 0px; padding: 0px;white-space:nowrap;} #images img {height: 44px; margin: 0px; padding: 0px;border: 2px solid transparent;outline: 0px none;} #images img:hover {border: 2px dotted red;cursor: pointer;} #scroll_left {display: block;position:absolute;width: 24px; height: 48px;margin: 0px; padding: 0px;left: 0px; top: 0px;background: transparent; border: 0px none;z-index: 110;} #scroll_right {display: block;position:absolute;width: 24px; height: 48px;margin: 0px; padding: 0px;right: 0px; top: 0px;background: transparent; border: 0px none;z-index: 110;} #scroll_right:hover { background: url(right_a0.gif); } #scroll_left:hover { background: url(left_a00.gif); } #scroll_left:active { background: url(left_b00.gif); } #scroll_right:active { background: url(right_b0.gif); } #ctrl { display: block;position:relative;width: auto;text-align: center; height: auto;margin: auto;top: 300px; padding: 0px;} .button { border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;box-shadow: 0px 0px 8px gray; -moz-box-shadow: 0px 0px 8px gray;-khtml-box-shadow: 0px 0px 8px gray;-webkit-box-shadow: 0px 0px 8px gray;text-shadow: 0px 0px 3px black;border: 2px solid black;outline: 0px none;color: gray;font-size: 12px;line-height: 15px;font-weight: bold;font-family: Arial, Helvetica, sans-serif; background: transparent;} .button:hover { border: 2px solid #c00000;color: white;} .button:active { border: 2px solid white;color: white;background: red;} #images img {border: 2px solid black;-ms-interpolation-mode: bicubic;} #scroll_left {background: url(left_a.gif);} #scroll_right {background: url(right_a.gif); } #scroll_right:hover { background: url(right_b.gif); } #scroll_left:hover { background: url(left_b.gif); } </style> <script type="text/javascript"> var cvi_tfx=new Object();cvi_tfx.alpha={val:0,min:0,max:3,fail:"fade",tween:"linear",buffer:1,mask:1,alpha:1};cvi_tfx.barn_horizontal_in=cvi_tfx.barn_vertical_in=cvi_tfx.barn_horizontal_out=cvi_tfx.barn_vertical_out={tween:"quadEaseOut",buffer:1,mask:0,alpha:0};cvi_tfx.blinds_left=cvi_tfx.blinds_right=cvi_tfx.blinds_up=cvi_tfx.blinds_down={val:8,min:1,max:100,tween:"quadEaseIn",buffer:1,mask:0,alpha:0};cvi_tfx.checkerboard_left=cvi_tfx.checkerboard_up=cvi_tfx.checkerboard_right=cvi_tfx.checkerboard_down={val:8,min:2,max:100,tween:"linear",buffer:1,mask:0,alpha:0};cvi_tfx.circles_in=cvi_tfx.circles_out={val:8,min:1,max:50,fail:"checkerboard_right",tween:"linear",buffer:1,mask:0,alpha:0};cvi_tfx.copy_right={fail:"gradientwipe_right",tween:"linear",buffer:1,mask:0,alpha:0};cvi_tfx.copy_left={fail:"gradientwipe_left",tween:"linear",buffer:1,mask:0,alpha:0};cvi_tfx.copy_up={fail:"gradientwipe_up",tween:"linear",buffer:1,mask:0,alpha:0};cvi_tfx.copy_down={fail:"gradientwipe_down",tween:"linear",buffer:1,mask:0,alpha:0};cvi_tfx.corner_lefttop_in=cvi_tfx.corner_righttop_in=cvi_tfx.corner_leftbottom_in=cvi_tfx.corner_rightbottom_in={fail:"radialwipe_radial",tween:"bounceEaseOut",buffer:0,mask:0,alpha:0};cvi_tfx.corner_lefttop_out=cvi_tfx.corner_righttop_out=cvi_tfx.corner_leftbottom_out=cvi_tfx.corner_rightbottom_out={fail:"radialwipe_radial",tween:"backEaseInOut",buffer:0,mask:0,alpha:0};cvi_tfx.curl_horizontal={val:6,min:2,max:10,fail:"gradientwipe_left",tween:"sineEaseOut",buffer:1,mask:0,alpha:0};cvi_tfx.curl_vertical={val:6,min:2,max:10,fail:"gradientwipe_up",tween:"sineEaseOut",buffer:1,mask:0,alpha:0};cvi_tfx.cut={buffer:0,mask:0,alpha:0};cvi_tfx.fade={val:100,min:0,max:100,tween:"linear",buffer:1,mask:0,alpha:0};cvi_tfx.flash={fail:"fade",tween:"linear",buffer:0,mask:0,alpha:0};cvi_tfx.gradientwipe_left=cvi_tfx.gradientwipe_right=cvi_tfx.gradientwipe_up=cvi_tfx.gradientwipe_down={val:25,min:5,max:100,tween:"sineEaseInOut",buffer:1,mask:0,alpha:0};cvi_tfx.inset_leftup=cvi_tfx.inset_rightup=cvi_tfx.inset_leftdown=cvi_tfx.inset_rightdown={fail:"inset_rightdown",tween:"cubicEaseInOut",buffer:0,mask:0,alpha:0};cvi_tfx.iris_cross_in=cvi_tfx.iris_plus_in=cvi_tfx.iris_square_in=cvi_tfx.iris_circle_in=cvi_tfx.iris_diamond_in=cvi_tfx.iris_star_in={tween:"sineEaseIn",buffer:1,mask:0,alpha:0};cvi_tfx.iris_cross_out=cvi_tfx.iris_plus_out=cvi_tfx.iris_diamond_out=cvi_tfx.iris_star_out=cvi_tfx.iris_square_out=cvi_tfx.iris_circle_out={tween:"sineEaseOut",buffer:1,mask:0,alpha:0};cvi_tfx.pixelate={val:40,min:10,max:50,tween:"linear",buffer:1,mask:0,alpha:0};cvi_tfx.pull_left=cvi_tfx.pull_right=cvi_tfx.pull_up=cvi_tfx.pull_down={fail:"slide_hide",tween:"backEaseOut",buffer:0,mask:0,alpha:0};cvi_tfx.push_left=cvi_tfx.push_right=cvi_tfx.push_up=cvi_tfx.push_down={fail:"slide_push",tween:"cubicEaseOut",buffer:0,mask:0,alpha:0};cvi_tfx.radialgradient={fail:"fade",tween:"linear",buffer:1,mask:0,alpha:0};cvi_tfx.radialwipe_clock=cvi_tfx.radialwipe_wedge=cvi_tfx.radialwipe_radial={tween:"sineEaseInOut",buffer:1,mask:0,alpha:0};cvi_tfx.randombars_horizontal=cvi_tfx.randombars_vertical={buffer:1,mask:1,alpha:0};cvi_tfx.randomdissolve={val:2,min:1,max:16,buffer:1,mask:1,alpha:0};cvi_tfx.reveal_left=cvi_tfx.reveal_right=cvi_tfx.reveal_up=cvi_tfx.reveal_down={fail:"slide_hide",tween:"backEaseIn",buffer:0,mask:0,alpha:0};cvi_tfx.rotate_in={fail:"iris_circle_out",tween:"backEaseIn",buffer:1,mask:0,alpha:0};cvi_tfx.rotate_out={fail:"iris_circle_in",tween:"backEaseOut",buffer:1,mask:0,alpha:0};cvi_tfx.scale_in={fail:"iris_square_out",tween:"backEaseIn",buffer:1,mask:0,alpha:0};cvi_tfx.scale_out={fail:"iris_square_in",tween:"backEaseOut",buffer:1,mask:0,alpha:0};cvi_tfx.slide_swap=cvi_tfx.slide_push=cvi_tfx.slide_hide={val:1,min:1,max:100,tween:"sineEaseInOut",buffer:0,mask:0,alpha:0};cvi_tfx.spiral={val:8,min:1,max:100,buffer:1,mask:1,alpha:0};cvi_tfx.split_horizontal_in={fail:"barn_vertical_in",tween:"quadEaseOut",buffer:0,mask:0,alpha:0};cvi_tfx.split_vertical_in={fail:"barn_horizontal_in",tween:"quadEaseOut",buffer:0,mask:0,alpha:0};cvi_tfx.split_horizontal_out={fail:"barn_vertical_out",tween:"quadEaseOut",buffer:0,mask:0,alpha:0};cvi_tfx.split_vertical_out={fail:"barn_horizontal_out",tween:"quadEaseOut",buffer:0,mask:0,alpha:0};cvi_tfx.smudge={fail:"gradientwipe_down",tween:"circEaseInOut",buffer:1,mask:0,alpha:0};cvi_tfx.squares_in=cvi_tfx.squares_out={val:8,min:1,max:50,fail:"checkerboard_right",tween:"linear",buffer:1,mask:0,alpha:0};cvi_tfx.stretch_hide_right=cvi_tfx.stretch_hide_left=cvi_tfx.stretch_hide_up=cvi_tfx.stretch_hide_down={fail:"stretch_hide_right",tween:"backEaseOut",buffer:0,mask:0,alpha:0};cvi_tfx.stretch_push_up=cvi_tfx.stretch_push_down=cvi_tfx.stretch_push_left=cvi_tfx.stretch_push_right={fail:"stretch_push_right",tween:"backEaseOut",buffer:0,mask:0,alpha:0};cvi_tfx.stretch_vertical_out=cvi_tfx.stretch_horizontal_out=cvi_tfx.stretch_vertical_in=cvi_tfx.stretch_horizontal_in={fail:"stretch_horizontal_in",tween:"backEaseOut",buffer:0,mask:0,alpha:0};cvi_tfx.strips_leftup=cvi_tfx.strips_rightup=cvi_tfx.strips_leftdown=cvi_tfx.strips_rightdown={tween:"cubicEaseInOut",buffer:1,mask:0,alpha:0};cvi_tfx.turn_horizontal_down={val:4,min:2,max:12,fail:"blinds_down",tween:"bounceEaseOut",buffer:0,mask:0,alpha:0};cvi_tfx.turn_horizontal_up={val:4,min:2,max:12,fail:"blinds_up",tween:"bounceEaseOut",buffer:0,mask:0,alpha:0};cvi_tfx.turn_vertical_right={val:4,min:2,max:12,fail:"blinds_right",tween:"bounceEaseOut",buffer:0,mask:0,alpha:0};cvi_tfx.turn_vertical_left={val:4,min:2,max:12,fail:"blinds_left",tween:"bounceEaseOut",buffer:0,mask:0,alpha:0};cvi_tfx.wheel={val:4,min:2,max:20,tween:"sineEaseInOut",buffer:1,mask:0,alpha:0};cvi_tfx.wrench_horizontal=cvi_tfx.wrench_vertical={fail:"pixelate",tween:"linear",buffer:1,mask:0,alpha:0};cvi_tfx.zigzag={val:8,min:1,max:100,buffer:1,mask:1,alpha:0};cvi_tfx.zoom_in=cvi_tfx.zoom_out={fail:"fade",tween:"linear",buffer:1,mask:0,alpha:0};var cvi_i,cvi_c=0,cvi_rfx=new Array();for(cvi_i in cvi_tfx){cvi_rfx[cvi_c]=cvi_i;cvi_c++;};if(typeof cvi_tween!=='object'){var cvi_tween=new Object();cvi_tween.linear=function(s,c){return(1/s)*c;};} var cvi_trans={version:1.0,released:'2009-12-21 18:53:00',duration:2.0,fps:30,vml:!window.opera&&document.all&&document.namespaces?1:0,play:function(callback,canvas,img_a,img_b,alpha,layer,opt1,opt2,trans,tween,cpa,dur,fps){Array.prototype.shuffle=shuffle;function shuffle(){var t,r,i;for(i=0;i!=this.length;i++){r=Math.floor(Math.random()*this.length);t=this[i];this[i]=this[r];this[r]=t;}};function log(v,e){if(window.console){window.console.log(v+e);}else if(window.opera){opera.postError(v+e);}else{window.document.title=v+e;}return false;};function getInt(o,v,t){return(Math.min(Math.max(o||v,cvi_tfx[t].min),cvi_tfx[t].max)||cvi_tfx[t].val);};if(canvas&&!canvas.TLbusy){if(trans==='random'){trans=cvi_rfx[Math.floor(Math.random()*cvi_rfx.length)];}trans=(typeof cvi_tfx[trans]==='object'?trans:'fade');if(cvi_trans.vml&&cvi_tfx[trans].fail){trans=cvi_tfx[trans].fail;}dur=Math.min(Math.max(parseFloat(dur)||cvi_trans.duration,0.5),5.0)||cvi_trans.duration;var efx=trans.split("_")||['fade'];var timer={d:null,t:null,start:function(){timer.d=new Date();timer.t=timer.d.getTime();},stop:function(){timer.d=new Date();return(timer.d.getTime()-timer.t);}};if(cvi_trans.vml){var filter=null,ftrans=null,w=parseInt(canvas.style.width),h=parseInt(canvas.style.height);try{canvas.TLbusy=true;canvas.TLerror=null;if(efx[0]=="barn"){var pos=efx[1]||"horizontal",dir=efx[2]||"out";canvas.TLfilter=filter="DXImageTransform.Microsoft.Barn";ftrans="progid:"+filter+"(duration="+dur+",motion="+dir+",orientation="+pos+")";} else if(efx[0]=="blinds"){var dir=efx[1]||"down",o=parseInt(getInt(opt1,8,trans),10);canvas.TLfilter=filter="DXImageTransform.Microsoft.Blinds";ftrans="progid:"+filter+"(duration="+dur+",direction="+dir+",bands="+o+")";} else if(efx[0]=="checkerboard"){var dir=efx[1]||"right",x=parseInt(getInt(opt1,8,trans),10),y=parseInt(getInt(opt2,x,trans),10);canvas.TLfilter=filter="DXImageTransform.Microsoft.CheckerBoard";ftrans="progid:"+filter+"(duration="+dur+",squaresX="+x+",squaresY="+y+",Direction="+dir+")";} else if(efx[0]=="cut"){canvas.TLfilter=filter="DXImageTransform.Microsoft.Fade";ftrans="progid:"+filter+"(duration=0.01,overlap=1.0)";} else if(efx[0]=="fade"){var o=parseFloat(getInt(opt1,100,trans)/100);canvas.TLfilter=filter="DXImageTransform.Microsoft.Fade";ftrans="progid:"+filter+"(duration="+dur+",overlap="+o+")";} else if(efx[0]=="gradientwipe"){var dir=efx[1]||"right",o=parseFloat(getInt(opt1,25,trans)/100),v=(dir=='left'||dir=='right'?0:1),r=(dir=='left'||dir=='up'?'reverse':'forward');canvas.TLfilter=filter="DXImageTransform.Microsoft.GradientWipe";ftrans="progid:"+filter+"(duration="+dur+",gradientSize="+o+",motion="+r+",WipeStyle="+v+")";} else if(efx[0]=="inset"){canvas.TLfilter=filter="DXImageTransform.Microsoft.Inset";ftrans="progid:"+filter+"(duration="+dur+")";} else if(efx[0]=="iris"){var typ=efx[1].toUpperCase()||"PLUS",dir=efx[2]||"out";canvas.TLfilter=filter="DXImageTransform.Microsoft.Iris";ftrans="progid:"+filter+"(duration="+dur+",irisStyle="+typ+",motion="+dir+")";} else if(efx[0]=="pixelate"){var o=parseInt(getInt(opt1,40,trans),10);canvas.TLfilter=filter="DXImageTransform.Microsoft.Pixelate";ftrans="progid:"+filter+"(duration="+dur+",maxSquare="+o+")";} else if(efx[0]=="radialwipe"){var typ=efx[1].toUpperCase()||"CLOCK";canvas.TLfilter=filter="DXImageTransform.Microsoft.RadialWipe";ftrans="progid:"+filter+"(duration="+dur+",wipeStyle="+typ+")";} else if(efx[0]=="randombars"){var typ=efx[1]||"horizontal";canvas.TLfilter=filter="DXImageTransform.Microsoft.RandomBars";ftrans="progid:"+filter+"(duration="+dur+",orientation="+typ+")";} else if(efx[0]=="randomdissolve"){canvas.TLfilter=filter="DXImageTransform.Microsoft.RandomDissolve";ftrans="progid:"+filter+"(duration="+dur+")";} else if(efx[0]=="slide"){var typ=efx[1].toUpperCase()||"HIDE",o=parseInt(getInt(opt1,1,trans),10);canvas.TLfilter=filter="DXImageTransform.Microsoft.Slide";ftrans="progid:"+filter+"(duration="+dur+",slideStyle="+typ+",bands="+o+")";} else if(efx[0]=="spiral"){var x=parseInt(getInt(opt1,8,trans),10),y=parseInt(getInt(opt2,x,trans),10);canvas.TLfilter=filter="DXImageTransform.Microsoft.Spiral";ftrans="progid:"+filter+"(duration="+dur+",gridsizex="+x+",gridsizey="+y+")";} else if(efx[0]=="stretch"){var typ=efx[1].toUpperCase()||"HIDE";typ=typ=='VERTICAL'||typ=='HORIZONTAL'?'SPIN':typ;canvas.TLfilter=filter="DXImageTransform.Microsoft.Stretch";ftrans="progid:"+filter+"(duration="+dur+",stretchStyle="+typ+")";} else if(efx[0]=="strips"){var typ=efx[1]||"leftdown";canvas.TLfilter=filter="DXImageTransform.Microsoft.Strips";ftrans="progid:"+filter+"(duration="+dur+",motion="+typ+")";} else if(efx[0]=="wheel"){var o=parseInt(getInt(opt1,4,trans),10);canvas.TLfilter=filter="DXImageTransform.Microsoft.Wheel";ftrans="progid:"+filter+"(duration="+dur+",spokes="+o+")";} else if(efx[0]=="zigzag"){var x=parseInt(getInt(opt1,8,trans),10),y=parseInt(getInt(opt2,x,trans),10);canvas.TLfilter=filter="DXImageTransform.Microsoft.Zigzag";ftrans="progid:"+filter+"(duration="+dur+",gridsizex="+x+",gridsizey="+y+")";} if(efx[0]!=""&&filter!=null&&img_b.nw>=8&&img_b.nh>=8){canvas.style.filter=ftrans;canvas.filters.item(filter).apply();if(canvas.filters.item(filter).status==1){var b,a=canvas.firstChild,pw=img_b.wm||w,ph=img_b.hm||h,xo=img_b.ox||0,yo=img_b.oy||0;if(a){b=document.createElement(['<v:fill src="'+img_b.source+'" size="'+pw+'pt,'+ph+'pt" origin="'+xo+','+yo+'" position="0,0" aspect="ignore" type="frame" />'].join(''));canvas.replaceChild(b,a);} timer.start();canvas.filters.item(filter).play();if(canvas.filters.item(filter).status==2){canvas.onfilterchange=function(){if(canvas.filters.item(filter).status==0){var t=timer.stop();canvas.TLfilter=null;cvi_trans._clr(callback,trans,t,30*((dur*1000)/t),canvas);}};}}}}catch(err){canvas.TLerror=err.message;log('Error: ',err.message+' - trans "'+trans+'" has failed!');cvi_trans._clr(callback,trans,0,0,canvas);}}else if(canvas.tagName.toUpperCase()=="CANVAS"){if(canvas.timer){window.clearInterval(canvas.timer);} if(canvas.getContext){tween=(typeof(cvi_tween[tween])==='function'?tween:cvi_tfx[trans].tween&&typeof(cvi_tween[cvi_tfx[trans].tween])==='function'?cvi_tfx[trans].tween:'linear');cpa=(cpa==null||typeof cpa!=='object'?[0.25,0.1,0.25,1.0]:cpa);fps=Math.min(Math.max(parseInt(fps,10)||cvi_trans.fps,15),100)||cvi_trans.fps;function fill(c,x,y,w,h,wc){if(wc){c.beginPath();c.rect(x,y,w,h);c.closePath();c.fill();}else{c.fillRect(x,y,w,h);}};var ctx=canvas.getContext('2d'),w=parseInt(canvas.width),h=parseInt(canvas.height);cvi_trans.isWC=navigator.userAgent.indexOf('WebKit')!=-1&&!window.external&&!document.defaultCharset?1:0;if(cvi_tfx[trans].buffer){var buffer=document.createElement('canvas');if(cvi_trans.isWC){with(buffer){id='cvi_trans_buffer';height=h;width=w;}with(buffer.style){position='fixed';left='-9999px';top='0px';height=h+'px';width=w+'px';}document.body.appendChild(buffer);}else{buffer.width=w;buffer.height=h;}var cbx=buffer.getContext('2d');} if(cvi_tfx[trans].mask){var mask=document.createElement('canvas');if(cvi_trans.isWC){with(mask){id='cvi_trans_mask';height=h;width=w;}with(mask.style){position='fixed';left='-9999px';top='0px';height=h+'px';width=w+'px';}document.body.appendChild(mask);}else{mask.width=w;mask.height=h;}var cmx=mask.getContext('2d');} if(cvi_tfx[trans].alpha){if(!cbx||!cmx||!alpha||alpha.width<8||alpha.height<8){efx[0]="fade";trans='fade';opt1=100;}}var stl='',val=0,cnt=0,ival=Math.round(1000/fps),steps=Math.round((dur*1000)/ival);ctx.save();try{canvas.TLbusy=true;canvas.TLerror=null;if(efx[0]=="alpha"){var o=parseInt(getInt(opt1,0,trans),10),x=o==1||o==3?1:0,y=o==2||o==3?1:0,c=Math.round(steps*.5),a=1/c;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;ctx.drawImage(img_a,0,0,w,h);cmx.clearRect(0,0,w,h);if(cnt<=c){cmx.globalCompositeOperation="source-over";if(x||y){cmx.save();cmx.translate(x?w:0,y?h:0);cmx.scale(x?-1:1,y?-1:1);cmx.drawImage(alpha,0,0,w,h);cmx.restore();}else{cmx.drawImage(alpha,0,0,w,h);}cmx.globalCompositeOperation="darker";cmx.fillStyle="rgba(0,0,0,"+(1-(val*a))+")";cmx.fillRect(0,0,w,h);}else{cmx.globalAlpha=1-((val-c)*a);cmx.globalCompositeOperation="source-over";if(x||y){cmx.save();cmx.translate(x?w:0,y?h:0);cmx.scale(x?-1:1,y?-1:1);cmx.drawImage(alpha,0,0,w,h);cmx.restore();}else{cmx.drawImage(alpha,0,0,w,h);}}cbx.clearRect(0,0,w,h);cbx.globalCompositeOperation="source-over";cbx.drawImage(img_b,0,0,w,h);cbx.globalCompositeOperation="destination-out";cbx.drawImage(mask,0,0,w,h);ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="barn"){var pos=efx[1]||"horizontal",dir=efx[2]||"out",v=pos=="vertical"?1:0,m=dir=="in"?1:0,ow=w,oh=h,ww=v?Math.round(w/2):w,hh=v?h:Math.round(h/2),s=((v?w:h)/(steps*2));timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;ctx.drawImage(img_a,0,0,w,h);cbx.clearRect(0,0,w,h);cbx.globalCompositeOperation="source-over";cbx.drawImage(img_b,0,0,w,h);cbx.globalCompositeOperation="destination-out";cbx.fillStyle="rgba(0,0,0,1.0)";if(m){ow=v?(val*s):0;oh=v?0:(val*s);cbx.fillRect(ow,oh,Math.max(w-(2*ow),1),Math.max(h-(2*oh),1));}else{ow=v?ww-(val*s):w;oh=v?h:hh-(val*s);cbx.fillRect(0,0,Math.max(ow,1),Math.max(oh,1));cbx.fillRect(w-ow,h-oh,w,h);}ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="blinds"){var q=parseInt(getInt(opt1,8,trans),10),dir=efx[1]||"right",hz=dir=="right"||dir=="left"?1:0,r=(dir=="right"?1:0),d=(dir=="down"?1:0),ww=hz?(w/q):w,hh=hz?h:(h/q),sx=(ww/steps),sy=(hh/steps),s=0;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;ctx.drawImage(img_a,0,0,w,h);cbx.clearRect(0,0,w,h);cbx.globalCompositeOperation="source-over";cbx.drawImage(img_b,0,0,w,h);cbx.globalCompositeOperation="destination-out";cbx.fillStyle="rgba(0,0,0,1.0)";if(hz){s=val*sx;for(var i=0;i<q;i++){cbx.fillRect((i*ww)+(r?s:0),0,Math.max(ww-s,1),hh);}}else{s=val*sy;for(var i=0;i<q;i++){cbx.fillRect(0,(i*hh)+(d?s:0),ww,Math.max(hh-s,1));}}ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="checkerboard"){var gx=parseInt(getInt(opt1,8,trans),10),gy=parseInt(getInt(opt2,gx,trans),10),dir=efx[1]||"right",hz=(dir=='left'||dir=='right'?1:0),r=(dir=='right'?1:0),d=(dir=='down'?1:0),ww=(w/gx)*(hz?2:1),hh=(h/gy)*(hz?1:2),sx=(ww/steps),sy=(hh/steps),w5=hz?ww/2:0,h5=hz?0:hh/2,s=0,p=0,k=0,q=0;if(hz){gx=Math.ceil(gx/2)+1;}else{gy=Math.ceil(gy/2)+1;}timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;ctx.drawImage(img_a,0,0,w,h);cbx.clearRect(0,0,w,h);cbx.globalCompositeOperation="source-over";cbx.drawImage(img_b,0,0,w,h);cbx.globalCompositeOperation="destination-out";cbx.fillStyle="rgba(0,0,0,1.0)";for(var y=0;y<gy;y++){p=y%2;for(var x=0;x<gx;x++){k=x%2;if(hz){s=val*sx;q=Math.max(ww-s,1);if(p){cbx.fillRect(((x*ww)+(r?s:0))-w5,y*hh,q,hh);}else{cbx.fillRect((x*ww)+(r?s:0),y*hh,q,hh);}}else{s=val*sy;q=Math.max(hh-s,1);if(k){cbx.fillRect(x*ww,((y*hh)+(d?s:0))-h5,ww,q);}else{cbx.fillRect(x*ww,(y*hh)+(d?s:0),ww,q);}}}}ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="circles"){var gx=parseInt(getInt(opt1,8,trans),10),gy=parseInt(getInt(opt2,gx,trans),10),dir=efx[1]||"out",m=dir=="in"?1:0,ww=(w/gx),hh=(h/gy),w5=ww/2,h5=hh/2,r=Math.sqrt(Math.pow(ww,2)+Math.pow(hh,2))/2,s=(r/steps),z=0;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;ctx.drawImage(m?img_b:img_a,0,0,w,h);cbx.clearRect(0,0,w,h);cbx.globalCompositeOperation="source-over";cbx.drawImage(m?img_a:img_b,0,0,w,h);cbx.globalCompositeOperation="destination-out";cbx.fillStyle="rgba(0,0,0,1.0)";z=Math.max(m?val*s:r-(val*s),1);for(var x=0;x<gx;x++){for(var y=0;y<gy;y++){cbx.beginPath();cbx.moveTo((x*ww)+w5,(y*hh)+h5);cbx.arc((x*ww)+w5,(y*hh)+h5,z,0,Math.PI*2,true);cbx.closePath();cbx.fill();}}ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="corner"){var pos=efx[1]||"lefttop",dir=efx[2]||"in",d90=Math.PI/2,angle=d90/steps,d=dir=="in"?1:0,p=pos=="righttop"?1:pos=="leftbottom"?2:pos=="rightbottom"?3:0,z=0;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;z=(angle*val);ctx.drawImage(d?img_a:img_b,0,0,w,h);ctx.save();if(p==3){ctx.translate(w,h);ctx.rotate((d?d90:0)-z);ctx.drawImage(d?img_b:img_a,-w,-h,w,h);}else if(p==2){ctx.translate(0,h);ctx.rotate((d?0-d90:0)+z);ctx.drawImage(d?img_b:img_a,0,-h,w,h);}else if(p==1){ctx.translate(w,0);ctx.rotate((d?d90:0)-z);ctx.drawImage(d?img_b:img_a,-w,0,w,h);}else{ctx.translate(0,0);ctx.rotate((d?0-d90:0)+z);ctx.drawImage(d?img_b:img_a,0,0,w,h);}ctx.restore();if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="curl"){var d=parseInt(getInt(opt1,6,trans),10),dir=efx[1]||"horizontal",v=dir=="vertical"?1:0,ss=((v?h:w)/steps),c=Math.round((v?h:w)/d),o=.5,p=0,s=0,sx=0,sy=0,dx=0,dy=0,ww=0,hh=0,wc=cvi_trans.isWC;cbx.clearRect(0,0,w,h);cbx.save();cbx.translate(v?0:w,v?h:0);cbx.scale(v?1:-1,v?-1:1);cbx.drawImage(img_a,0,0,w,h);cbx.restore();timer.start();function shade(c,x,y,w,h,o){var s=c.createLinearGradient(x,y,w,h);s.addColorStop(0.0,'rgba(0,0,0,'+o+')');s.addColorStop(0.2,'rgba(0,0,0,0)');s.addColorStop(0.3,'rgba(254,254,254,0)');s.addColorStop(0.45,'rgba(254,254,254,'+o+')');s.addColorStop(0.6,'rgba(254,254,254,0)');s.addColorStop(0.66,'rgba(0,0,0,0)');s.addColorStop(1.0,'rgba(0,0,0,'+o+')');return s;};function shadow(c,x,y,w,h,o){var s=c.createLinearGradient(x,y,w,h);s.addColorStop(0.0,'rgba(0,0,0,'+o+')');s.addColorStop(1.0,'rgba(0,0,0,0)');return s;};canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;s=Math.max(val*ss,1);ctx.drawImage(img_b,0,0,w,h);if(v){hh=Math.min(s,c);ww=w;p=Math.max(h-s-hh,1);sx=0;sy=Math.min(h-hh,s);dx=0;dy=h-s-hh-hh;}else{ww=Math.min(s,c);hh=h;p=Math.max(w-s-ww,1);sy=0;sx=Math.min(w-ww,s);dy=0;dx=w-s-ww-ww;}ctx.drawImage(img_a,0,0,v?w:p,v?p:h,0,0,v?w:p,v?p:h);ctx.drawImage(buffer,sx,sy,ww,hh,dx,dy,ww,hh);ctx.fillStyle=shade(ctx,dx,dy,v?0:dx+ww,v?dy+hh:0,o);fill(ctx,dx,dy,ww,hh,wc);ctx.fillStyle=shadow(ctx,v?0:dx+ww,v?dy+hh:0,v?0:dx+ww+c,v?dy+hh+c:0,o);fill(ctx,v?0:dx+ww,v?dy+hh:0,v?w:c,v?c:h,wc);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="cut"){var t=ival;ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps,canvas);} else if(efx[0]=="fade"){var o=parseFloat(getInt(opt1,100,trans)/100),fa=o+((1-o)/2),fb=1-fa,ap=Math.round(steps*fa),bp=Math.round(steps*fb),oa=1,ob=0,a=1/(steps*fa);ctx.globalAlpha=1;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;oa=(val>ap?0:a*(ap-val));ob=(val<bp?0:a*(val-bp));ctx.clearRect(0,0,w,h);ctx.globalAlpha=(o==1?1:oa);ctx.drawImage(img_a,0,0,w,h);cbx.clearRect(0,0,w,h);cbx.globalAlpha=ob;cbx.drawImage(img_b,0,0,w,h);ctx.globalAlpha=1;ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="flash"){var r=Math.sqrt(Math.pow(w,2)+Math.pow(h,2))/2,a=Math.max(Math.min(Math.round(steps*0.1),3),1),b=2*a,c=Math.max(steps-b,1),s=(r/a),q=(1/c),x=w/2,y=h/2,z=0,v=0,wc=cvi_trans.isWC;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;if(cnt<=b){z=cnt<=a?1:0;v=Math.max(s*(val-(z?0:a)),1);ctx.drawImage(img_a,0,0,w,h);stl=ctx.createRadialGradient(x,y,z?0:v,x,y,z?v:r);stl.addColorStop(0,"rgba(255,255,255,1.0)");stl.addColorStop(1,"rgba(255,255,255,0.0)");ctx.fillStyle=stl;fill(ctx,0,0,w,h,wc);}else{v=Math.max(1-(q*(val-b)),0);ctx.drawImage(img_b,0,0,w,h);ctx.fillStyle="rgba(255,255,255,"+v+")";ctx.fillRect(0,0,w,h);}if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="gradientwipe"||efx[0]=="copy"){var cp=efx[0]=="copy"?1:0,g=cp?0.3:parseFloat(getInt(opt1,25,trans)/100),dir=efx[1]||"right",xo=0,yo=0,xp=0,yp=0,v=(dir=='left'||dir=='right'?0:1),r=(dir=='left'||dir=='up'?1:0),gw=Math.round(v?w:w*g),gh=Math.round(v?h*g:h),sa=(v?h+gh:w+gw),ss=(sa/steps),wc=cvi_trans.isWC;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;xo=Math.round(v?0:r?sa-(val*ss):val*ss);yo=Math.round(v?r?sa-(val*ss):val*ss:0);xp=v?0:xo-gw;yp=v?yo-gh:0;ctx.drawImage(img_a,0,0,w,h);cbx.clearRect(0,0,w,h);cbx.globalCompositeOperation="source-over";cbx.drawImage(img_b,0,0,w,h);cbx.globalCompositeOperation="destination-out";cbx.fillStyle="rgba(0,0,0,1.0)";if(r){if(wc||window.opera){if(v){if(yp<0){cbx.fillRect(0,yp,w,Math.abs(yp));}else{cbx.fillRect(0,0,w,yp);}}else{if(xp<0){cbx.fillRect(xp,0,Math.abs(xp),h);}else{cbx.fillRect(0,0,xp,h);}}}else{cbx.fillRect(0,0,v?w:xp,v?yp:h);}}else{cbx.fillRect(xo,yo,w,h);}stl=cbx.createLinearGradient(xp,yp,xo,yo);stl.addColorStop((r?1:0),"rgba(0,0,0,0.0)");stl.addColorStop((r?0:1),"rgba(0,0,0,1.0)");cbx.fillStyle=stl;fill(cbx,xp,yp,gw,gh,wc);ctx.drawImage(buffer,0,0,w,h);if(cp){stl=ctx.createLinearGradient(xp,yp,xo,yo);stl.addColorStop((r?1:0),"rgba(0,255,0,0.0)");stl.addColorStop((r?.6:.4),"rgba(128,255,160,0.6)");stl.addColorStop((r?.3:.7),"rgba(255,255,255,0.9)");stl.addColorStop((r?.25:.75),"rgba(255,255,255,1.0)");stl.addColorStop((r?.2:.8),"rgba(255,255,255,0.9)");stl.addColorStop((r?0:1),"rgba(128,255,160,0.0)");ctx.fillStyle=stl;fill(ctx,xp,yp,gw,gh,wc);}if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="inset"){var dir=efx[1]||"rightdown",sw=(w/steps),sh=(h/steps),ww=0,hh=0;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;ctx.drawImage(img_a,0,0,w,h);ww=Math.min(Math.max(val*sw,1),w);hh=Math.min(Math.max(val*sh,1),h);if(dir=='rightup'){ctx.drawImage(img_b,0,h-hh,ww,hh,0,h-hh,ww,hh);}else if(dir=='leftdown'){ctx.drawImage(img_b,w-ww,0,ww,hh,w-ww,0,ww,hh);}else if(dir=='leftup'){ctx.drawImage(img_b,w-ww,h-hh,ww,hh,w-ww,h-hh,ww,hh);}else{ctx.drawImage(img_b,0,0,ww,hh,0,0,ww,hh);}if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="iris"){var typ=efx[1]||"plus",dir=efx[2]||"out",o=dir=="in"?0:1,x=w/2,y=h/2,m=Math.max(w,h),n=m/2,k=0;if(typ=='diamond'||typ=='cross'||typ=='star'){var d=Math.sqrt(Math.pow(m,2)+Math.pow(m,2)),ss=(m/steps),sr=(d/steps);}else if(typ=='square'||typ=='plus'){var d=Math.sqrt(Math.pow(m,2)+Math.pow(m,2)),ss=(m/steps);}else if(typ=='circle'){var d=Math.sqrt(Math.pow(w,2)+Math.pow(h,2)),f=(Math.PI/4)*-3,g=(Math.PI*2),n=Math.ceil(d/2),ss=(d/steps);}var os=(ss/2),xo=n-x,yo=n-y;timer.start();function fillStar(c,x,y,n,r,p){var r1=r,r2=r*.4;c.translate(x,y);c.rotate(p);c.beginPath();c.moveTo(0,r1);for(var i=0;i<=n;i++){c.save();c.rotate(2*i*Math.PI/n);c.lineTo(0,r1);c.restore();c.save();c.rotate(2*i*Math.PI/n+(2*Math.PI/n)/2);c.lineTo(0,r2);c.restore();}c.closePath();c.fill();c.rotate(-p);c.translate(-x,-y);};function drawStar(c,x,y,n,r,p){var r1=r,r2=r*.4;c.translate(x,y);c.rotate(p);c.lineTo(0,r1);for(var i=0;i<=n;i++){c.save();c.rotate(2*i*Math.PI/n);c.lineTo(0,r1);c.restore();c.save();c.rotate(2*i*Math.PI/n+(2*Math.PI/n)/2);c.lineTo(0,r2);c.restore();}c.rotate(-p);c.translate(-x,-y);};canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;ctx.drawImage(img_a,0,0,w,h);cbx.clearRect(0,0,w,h);cbx.globalCompositeOperation="source-over";cbx.drawImage(img_b,0,0,w,h);cbx.globalCompositeOperation="destination-out";cbx.fillStyle="rgba(0,0,0,1.0)";if(typ=='diamond'){k=(val*ss);cbx.beginPath();if(o){cbx.moveTo((0-xo-n)+k,h/2);cbx.lineTo(0-xo+n,(0-yo-n)+k);cbx.lineTo((0-xo+m+n)-k,h/2);cbx.lineTo(0-xo+n,(h+yo+n)-k);}else{cbx.moveTo(0-xo,0-yo);cbx.lineTo(x,y-k);cbx.lineTo(x+k,y);cbx.lineTo(x,y+k);cbx.lineTo(x-k,y);cbx.lineTo(x,y-k);cbx.lineTo(0-xo,0-yo);cbx.lineTo(0-xo,h+yo);cbx.lineTo(w+xo,h+yo);cbx.lineTo(w+xo,0-yo);}cbx.closePath();cbx.fill();} else if(typ=='cross'){k=(val*os);cbx.beginPath();if(o){cbx.moveTo(x,0-yo+k);cbx.lineTo(0-xo-k,0-yo-n);cbx.lineTo(0-xo-n,0-yo-k);cbx.lineTo(0-xo+k,y);cbx.lineTo(0-xo-n,h+yo+k);cbx.lineTo(0-xo-k,h+yo+n);cbx.lineTo(x,h+yo-k);cbx.lineTo(w+xo+k,h+yo+n);cbx.lineTo(w+xo+n,h+yo+k);cbx.lineTo(w+xo-k,y);cbx.lineTo(w+xo+n,0-yo-k);cbx.lineTo(w+xo+k,0-yo-n);}else{cbx.moveTo(0-xo-n,0-yo-n);cbx.lineTo(x,0-yo-n);cbx.lineTo(x,y-k);cbx.lineTo(0-xo-n+k,0-yo-n);cbx.lineTo(0-xo-n,0-yo-n+k);cbx.lineTo(x-k,y);cbx.lineTo(0-xo-n,h+yo+n-k);cbx.lineTo(0-xo-n+k,h+yo+n);cbx.lineTo(x,y+k);cbx.lineTo(w+xo+n-k,h+yo+n);cbx.lineTo(w+xo+n,h+yo+n-k);cbx.lineTo(x+k,y);cbx.lineTo(w+xo+n,0-yo-n+k);cbx.lineTo(w+xo+n-k,0-yo-n);cbx.lineTo(x,y-k);cbx.lineTo(x,0-yo-n);cbx.lineTo(w+xo+n,0-yo-n);cbx.lineTo(w+xo+n,h+yo+n);cbx.lineTo(0-xo-n,h+yo+n);}cbx.closePath();cbx.fill();} else if(typ=='circle'){k=(val*os);cbx.beginPath();if(o){cbx.moveTo(x,y);cbx.arc(x,y,Math.max(n-k,1),0,g,false);}else{cbx.moveTo(0-xo,0-yo);cbx.lineTo(x,y);cbx.arc(x,y,Math.max(k,1),f,g+f,false);cbx.lineTo(0-xo,0-yo);cbx.lineTo(0-xo,h+yo);cbx.lineTo(w+xo,h+yo);cbx.lineTo(w+xo,0-yo);}cbx.closePath();cbx.fill();} else if(typ=='square'){k=(val*os);if(o){cbx.fillRect(x-n+k,y-n+k,Math.max(m-(k+k),1),Math.max(m-(k+k),1));}else{cbx.beginPath();cbx.moveTo(0-xo,0-yo);cbx.lineTo(x-k,y-k);cbx.lineTo(x+k,y-k);cbx.lineTo(x+k,y+k);cbx.lineTo(x-k,y+k);cbx.lineTo(x-k,y-k);cbx.lineTo(0-xo,0-yo);cbx.lineTo(0-xo,h+yo);cbx.lineTo(w+xo,h+yo);cbx.lineTo(w+xo,0-yo);cbx.closePath();cbx.fill();}} else if(typ=='plus'){k=(val*os);if(o){cbx.fillRect(0,y-n+k,w,Math.max(m-(k+k),1));cbx.fillRect(x-n+k,0,Math.max(m-(k+k),1),h);}else{cbx.beginPath();cbx.moveTo(0-xo,0-yo);cbx.lineTo(x-k,y-k);cbx.lineTo(x-k,y-n);cbx.lineTo(x+k,y-n);cbx.lineTo(x+k,y-k);cbx.lineTo(x+n,y-k);cbx.lineTo(x+n,y+k);cbx.lineTo(x+k,y+k);cbx.lineTo(x+k,y+n);cbx.lineTo(x-k,y+n);cbx.lineTo(x-k,y+k);cbx.lineTo(x-n,y+k);cbx.lineTo(x-n,y-k);cbx.lineTo(x-k,y-k);cbx.lineTo(0-xo,0-yo);cbx.lineTo(0-xo,h+yo);cbx.lineTo(w+xo,h+yo);cbx.lineTo(w+xo,0-yo);cbx.closePath();cbx.fill();}} else{if(o){fillStar(cbx,x,y,5,d-(val*sr),-(Math.PI/5));}else{cbx.beginPath();cbx.moveTo(0-xo-n,0-yo-n);cbx.lineTo(0-xo-n,h+yo+n);cbx.lineTo(x,h+yo+n);drawStar(cbx,x,y,5,(val*sr),-(Math.PI/5));cbx.lineTo(x,h+yo+n);cbx.lineTo(w+xo+n,h+yo+n);cbx.lineTo(w+xo+n,0-yo-n);cbx.closePath();cbx.fill();}}ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="pixelate"){var q=parseInt(getInt(opt1,40,trans),10),c=Math.round(steps*.5),a=1/c,ow=0,oh=0,mw=w/q,mh=h/q,d=q/c,s=0;ctx.mozImageSmoothingEnabled=false;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;s=cnt<=c?1:0;cbx.clearRect(0,0,w,h);if(s){ow=Math.round(Math.min(Math.max(w/((val*d)+1),mw),w));oh=Math.round(Math.min(Math.max(h/((val*d)+1),mh),h));}else{ow=Math.round(Math.max(Math.min(w/((steps-val)*d),w),mw));oh=Math.round(Math.max(Math.min(h/((steps-val)*d),h),mh));cbx.globalAlpha=a*(val-c);}cbx.drawImage(s?img_a:img_b,0,0,w,h,0,0,ow,oh);ctx.drawImage(buffer,0,0,ow,oh,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.mozImageSmoothingEnabled=true;ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="pull"||efx[0]=="reveal"){var dir=efx[1]||"right",r=efx[0]=="reveal"?1:0,hz=dir=="right"||dir=="left"?1:0,sc=((hz?w:h)/steps),s=0;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;ctx.drawImage(r?img_b:img_a,0,0,w,h,0,0,w,h);s=val*sc;if(dir=="left"){ctx.drawImage(r?img_a:img_b,0,0,w,h,r?0-s:w-s,0,w,h);}else if(dir=="down"){ctx.drawImage(r?img_a:img_b,0,0,w,h,0,r?s:s-h,w,h);}else if(dir=="up"){ctx.drawImage(r?img_a:img_b,0,0,w,h,0,r?0-s:h-s,w,h);}else{ctx.drawImage(r?img_a:img_b,0,0,w,h,r?s:s-w,0,w,h);}if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="push"){var dir=efx[1]||"right",hz=dir=="right"||dir=="left"?1:0,sc=((hz?w:h)/steps),s=0;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;ctx.drawImage(img_a,0,0,w,h,0,0,w,h);s=val*sc;if(dir=="right"){ctx.drawImage(img_a,0,0,w,h,s,0,w,h);ctx.drawImage(img_b,0,0,w,h,-w+s,0,w,h);}else if(dir=="left"){ctx.drawImage(img_a,0,0,w,h,0-s,0,w,h);ctx.drawImage(img_b,0,0,w,h,w-s,0,w,h);}else if(dir=="down"){ctx.drawImage(img_a,0,0,w,h,0,s,w,h);ctx.drawImage(img_b,0,0,w,h,0,-h+s,w,h);}else if(dir=="up"){ctx.drawImage(img_a,0,0,w,h,0,0-s,w,h);ctx.drawImage(img_b,0,0,w,h,0,h-s,w,h);}if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="radialgradient"){var r=Math.sqrt(Math.pow(w,2)+Math.pow(h,2))/2,c=Math.round(steps*0.5),s=(r/c),x=w/2,y=h/2,v=0,z=0,wc=cvi_trans.isWC;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;ctx.drawImage(img_a,0,0,w,h);cbx.clearRect(0,0,w,h);cbx.globalCompositeOperation="source-over";cbx.drawImage(img_b,0,0,w,h);cbx.globalCompositeOperation="destination-out";z=cnt<=c?0:c;v=Math.max(s*(val-z),1);stl=cbx.createRadialGradient(x,y,z==0?0:v,x,y,z==0?v:r);stl.addColorStop(0,"rgba(0,0,0,0.0)");stl.addColorStop(1,"rgba(0,0,0,1.0)");cbx.fillStyle=stl;fill(cbx,0,0,w,h,wc);ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="radialwipe"){var typ=efx[1]||"clock",s=0,x=w/2,y=h/2,a=(Math.PI/2)*-1,d=Math.PI*2,r=Math.ceil(Math.sqrt(Math.pow(w,2)+Math.pow(h,2))/2);if(typ=="radial"){r=r*2;d=Math.PI/2;}s=(d/(steps*(typ=="wedge"?2:1)));cnt=1;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;ctx.drawImage(img_a,0,0,w,h);cbx.clearRect(0,0,w,h);cbx.globalCompositeOperation="source-over";cbx.drawImage(img_b,0,0,w,h);cbx.globalCompositeOperation="destination-out";cbx.fillStyle="rgba(0,0,0,1.0)";cbx.beginPath();if(typ=="wedge"){cbx.moveTo(x,y);cbx.arc(x,y,r,a-(val*s),a+(val*s),true);}else if(typ=="radial"){cbx.moveTo(0,0);cbx.arc(0,0,r,0,val*s,true);}else{cbx.moveTo(x,y);cbx.arc(x,y,r,a,a+(val*s),true);}cbx.closePath();cbx.fill();ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="randombars"){var typ=efx[1]||"horizontal",v=typ=="vertical"?1:0,a=v?w:h,z=0,ss,cs,l=new Array();for(var i=0;i<a;i++){l[i]=i;}l.shuffle();ss=Math.ceil(a/steps),cs=l.length-ss;cmx.clearRect(0,0,w,h);cmx.fillStyle="rgba(0,0,0,1.0)";cmx.fillRect(0,0,w,h);timer.start();canvas.timer=window.setInterval(function(){ctx.drawImage(img_a,0,0,w,h);cbx.clearRect(0,0,w,h);cbx.globalCompositeOperation="source-over";cbx.drawImage(img_b,0,0,w,h);cbx.globalCompositeOperation="destination-out";z=Math.min(ss*cnt,cs);if(v){for(var i=z;i<(z+ss);i++){cmx.clearRect(l[i],0,1,h);}}else{for(var i=z;i<(z+ss);i++){cmx.clearRect(0,l[i],w,1);}}cbx.drawImage(mask,0,0,w,h);ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="randomdissolve"){var q=parseInt(getInt(opt1,2,trans),10),gx=Math.ceil(w/q),gy=Math.ceil(h/q),a=gx*gy,x=0,y=0,z=0,ss,cs,b=new Array();for(var i=0;i<a;i++){b[i]=i;}b.shuffle();ss=Math.ceil(a/steps),cs=b.length-ss;cmx.clearRect(0,0,w,h);cmx.fillStyle="rgba(0,0,0,1.0)";cmx.fillRect(0,0,w,h);timer.start();canvas.timer=window.setInterval(function(){ctx.drawImage(img_a,0,0,w,h);cbx.clearRect(0,0,w,h);cbx.globalCompositeOperation="source-over";cbx.drawImage(img_b,0,0,w,h);cbx.globalCompositeOperation="destination-out";z=Math.min(ss*cnt,cs);for(var i=z;i<(z+ss);i++){y=Math.floor(b[i]/gx);x=b[i]-(y*gx);cmx.clearRect(x*q,y*q,q,q);}cbx.drawImage(mask,0,0,w,h);ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="rotate"){var dir=efx[1]||"out",m=dir=="in"?1:0,z=0,ww=0,hh=0,d=1/steps,a=(Math.PI*2)/steps;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;z=m?1-(val*d):val*d;ww=Math.max(w*z,1);hh=Math.max(h*z,1);cbx.clearRect(0,0,w,h);cbx.save();cbx.translate(w/2,h/2);cbx.rotate(a*val);cbx.drawImage(m?img_a:img_b,0,0,w,h,0-(ww/2),0-(hh/2),ww,hh);cbx.restore();ctx.drawImage(m?img_b:img_a,0,0,w,h);ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="scale"){var dir=efx[1]||"out",m=dir=="in"?1:0,z=0,x=0,y=0,ww=0,hh=0,d=1/steps;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;z=m?1-(val*d):val*d;ww=Math.max(w*z,1);hh=Math.max(h*z,1);x=(w-ww)/2;y=(h-hh)/2;cbx.clearRect(0,0,w,h);cbx.drawImage(m?img_a:img_b,0,0,w,h,x,y,ww,hh);ctx.drawImage(m?img_b:img_a,0,0,w,h);ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="slide"){var q=parseInt(getInt(opt1,1,trans),10),typ=efx[1]||"hide",s=(w/steps),hw=(w/2),c=0,o=0,yo=0,ww=0,hh=h/q;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;if(typ=="push"){ww=val*s;for(var i=0;i<q;i++){o=i%2;yo=i*hh;ctx.drawImage(img_a,0,yo,w,hh,(o?ww:0-ww),yo,w,hh);ctx.drawImage(img_b,0,yo,w,hh,(o?ww-w:w-ww),yo,w,hh);}}else if(typ=="swap"){if(c){ww=hw+(hw-(val*s));for(var i=0;i<q;i++){o=i%2;yo=i*hh;ctx.drawImage(img_a,0,yo,w,hh,(o?ww:0-ww),yo,w,hh);ctx.drawImage(img_b,0,yo,w,hh,(o?0-ww:ww),yo,w,hh);}}else{ww=Math.min(val*s,hw);c=ww==hw?true:false;for(var i=0;i<q;i++){o=i%2;yo=i*hh;ctx.drawImage(img_b,0,yo,w,hh,(o?0-ww:ww),yo,w,hh);ctx.drawImage(img_a,0,yo,w,hh,(o?ww:0-ww),yo,w,hh);}}}else{ww=val*s;ctx.drawImage(img_b,0,0,w,h,0,0,w,h);for(var i=0;i<q;i++){o=i%2;yo=i*hh;ctx.drawImage(img_a,0,yo,w,hh,(o?ww:0-ww),yo,w,hh);}}if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="smudge"){var tr=Math.round(steps*0.8),qr=steps-tr,ss=h/tr,k=1/tr,p=1/qr,yo=0,hh=0,e=0,s=0,o=0,wc=cvi_trans.isWC;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;if(val<=tr){s=Math.max(val*ss,1);o=Math.min(Math.max(val*k,0),1);e=Math.max(s-ss,0);yo=Math.min(s,h-1);hh=Math.max(h-s,1);}else{o=Math.min(Math.max((val-tr)*p,0),1);}ctx.drawImage(img_b,0,0,w,h);cbx.clearRect(0,0,w,h);cbx.globalCompositeOperation="source-over";cbx.drawImage(img_a,0,yo,w,hh,0,yo,w,hh);cbx.drawImage(img_a,0,Math.max(s-ss,0),w,ss,0,0,w,s);cbx.globalCompositeOperation="destination-out";stl=cbx.createLinearGradient(0,0,0,h);stl.addColorStop(0.0,'rgba(0,0,0,1)');stl.addColorStop(o,'rgba(0,0,0,'+(val<=tr?0:1)+')');stl.addColorStop(1.0,'rgba(0,0,0,0)');cbx.fillStyle=stl;fill(cbx,0,0,w,h,wc);ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="spiral"){var gx=parseInt(getInt(opt1,8,trans),10),gy=parseInt(getInt(opt2,gx,trans),10),m=gx*gy,ww=(w/gx),bw=Math.ceil(ww),hh=(h/gy),bh=Math.ceil(hh),lf=(m/steps),tt=Math.round(steps/m),ct=0,yo=0,xo=-1,dir=0,xc=gx,yc=gy-1;cmx.clearRect(0,0,w,h);cmx.fillStyle="rgba(0,0,0,1.0)";cmx.fillRect(0,0,w,h);timer.start();canvas.timer=window.setInterval(function(){function spiral(){if(dir==0&&ct==xc){xc--;dir++;ct=0;}else if(dir==1&&ct==yc){yc--;dir++;ct=0;}else if(dir==2&&ct==xc){xc--;dir++;ct=0;}else if(dir==3&&ct==yc){yc--;dir=0;ct=0;}switch(dir){case 0:xo++;break;case 1:yo++;break;case 2:xo--;break;case 3:yo--;break;}ct++;cmx.clearRect(Math.round(xo*ww),Math.round(yo*hh),bw,bh);};ctx.drawImage(img_a,0,0,w,h);cbx.clearRect(0,0,w,h);cbx.globalCompositeOperation="source-over";cbx.drawImage(img_b,0,0,w,h);cbx.globalCompositeOperation="destination-out";if(lf<1){if(cnt!=0&&cnt%tt==0){spiral();}}else{for(var i=cnt;i<(cnt+lf);i++){spiral();}}cbx.drawImage(mask,0,0,w,h);ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="split"){var pos=efx[1]||"horizontal",dir=efx[2]||"out",v=pos=="vertical"?1:0,m=dir=="in"?1:0,h5=h/2,w5=w/2,sc=(v?h5:w5)/steps,s=0;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;s=Math.min(Math.max(val*sc,1),v?m?h:h5:m?w:w5);ctx.drawImage(m?img_a:img_b,0,0,w,h);if(v){ctx.drawImage(m?img_b:img_a,0,0,w,h5,0,0,w,m?s:h5-s);ctx.drawImage(m?img_b:img_a,0,h5,w,h5,0,m?h-s:h5+s,w,m?s:h5-s);}else{ctx.drawImage(m?img_b:img_a,0,0,w5,h,0,0,m?s:w5-s,h);ctx.drawImage(m?img_b:img_a,w5,0,w5,h,m?w-s:w5+s,0,m?s:w5-s,h);}if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="squares"){var gx=parseInt(getInt(opt1,8,trans),10),gy=parseInt(getInt(opt2,gx,trans),10),dir=efx[1]||"out",m=dir=="in"?1:0,ww=(w/gx),hh=(h/gy),w5=ww/2,h5=hh/2,sx=(ww/steps),sy=(hh/steps),xo=0,yo=0,z=0;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;ctx.drawImage(m?img_b:img_a,0,0,w,h);cbx.clearRect(0,0,w,h);cbx.globalCompositeOperation="source-over";cbx.drawImage(m?img_a:img_b,0,0,w,h);cbx.globalCompositeOperation="destination-out";cbx.fillStyle="rgba(0,0,0,1.0)";for(var x=0;x<gx;x++){xo=(val*sx)/2;for(var y=0;y<gy;y++){yo=(val*sy)/2;if(m){cbx.fillRect((x*ww)+w5-xo,(y*hh)+h5-yo,Math.max(2*xo,1),Math.max(2*yo,1));}else{cbx.fillRect((x*ww)+xo,(y*hh)+yo,Math.max(ww-(2*xo),1),Math.max(hh-(2*yo),1));}}}ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="stretch"){var typ=efx[1]||"horizontal",dir=efx[2]||"in",m=dir=="in"?1:0,hz=dir=="right"||dir=="left"||typ=="horizontal"?1:0,s=((hz?w:h)/steps),hw=(w/2),fh=(h/2),xo=0,yo=0,ww=0,hh=0;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;ww=hz?Math.min(Math.max(val*s,1),w):w;hh=hz?h:Math.min(Math.max(val*s,1),h);if(typ=="push"){if(dir=="right"){ctx.drawImage(img_a,0,0,w,h,ww,0,w-ww,hh);ctx.drawImage(img_b,0,0,w,h,0,0,ww,hh);}else if(dir=="left"){ctx.drawImage(img_a,0,0,w,h,0,0,w-ww,hh);ctx.drawImage(img_b,0,0,w,h,w-ww,0,ww,hh);}else if(dir=="up"){ctx.drawImage(img_a,0,0,w,h,0,0,ww,h-hh);ctx.drawImage(img_b,0,0,w,h,0,h-hh,ww,hh);}else if(dir=="down"){ctx.drawImage(img_a,0,0,w,h,0,hh,ww,h-hh);ctx.drawImage(img_b,0,0,w,h,0,0,ww,hh);}}else if(typ=="hide"){ctx.drawImage(img_a,0,0,w,h);if(dir=="left"){ctx.drawImage(img_b,0,0,w,h,w-ww,0,ww,hh);}else if(dir=="down"){ctx.drawImage(img_b,0,0,w,h,0,0,ww,hh);}else if(dir=="up"){ctx.drawImage(img_b,0,0,w,h,0,h-hh,ww,hh);}else{ctx.drawImage(img_b,0,0,w,h,0,0,ww,hh);}}else{ctx.drawImage(m?img_a:img_b,0,0,w,h);xo=hz?m?hw-(ww/2):ww*.5:0;yo=hz?0:m?fh-(hh/2):hh*.5;ctx.drawImage(m?img_b:img_a,0,0,w,h,xo,yo,hz?m?ww:w-ww:ww,hz?hh:m?hh:h-hh);}if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="strips"){var dir=efx[1]||"rightdown",m=(w+h),x=0,y=0,s=(m/steps);timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;ctx.drawImage(img_a,0,0,w,h);cbx.clearRect(0,0,w,h);cbx.globalCompositeOperation="source-over";cbx.drawImage(img_b,0,0,w,h);cbx.globalCompositeOperation="destination-out";cbx.fillStyle="rgba(0,0,0,1.0)";if(dir=='rightdown'){x=(w-m)+(val*s);y=(h-m)+(val*s);cbx.beginPath();cbx.moveTo(w,h);cbx.lineTo(w,y);cbx.lineTo(x,h);cbx.closePath();cbx.fill();}else if(dir=='rightup'){x=(w-m)+(val*s);y=m-(val*s);cbx.beginPath();cbx.moveTo(w,0);cbx.lineTo(w,y);cbx.lineTo(x,0);cbx.closePath();cbx.fill();}else if(dir=='leftdown'){x=m-(val*s);y=(h-m)+(val*s);cbx.beginPath();cbx.moveTo(0,h);cbx.lineTo(0,y);cbx.lineTo(x,h);cbx.closePath();cbx.fill();}else if(dir=='leftup'){x=m-(val*s);y=m-(val*s);cbx.beginPath();cbx.moveTo(0,0);cbx.lineTo(0,y);cbx.lineTo(x,0);cbx.closePath();cbx.fill();}ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="turn"){var q=parseInt(getInt(opt1,5,trans),10),pos=efx[1]||"vertical",dir=efx[2]||"right",v=pos=="vertical"?1:0,r=dir=="left"||dir=="up"?1:0,ww=v?(w/q):w,hh=v?h:(h/q),sx=(ww/steps),sy=(hh/steps),s=0;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;if(v){s=val*sx;for(var i=0;i<q;i++){ctx.drawImage(img_a,(i*ww),0,ww,h,(i*ww)+(r?0:s),0,Math.max(ww-s,1),h);ctx.drawImage(img_b,(i*ww),0,ww,h,(i*ww)+(r?ww-s:0),0,Math.max(s,1),h);}}else{s=val*sy;for(var i=0;i<q;i++){ctx.drawImage(img_a,0,(i*hh),w,hh,0,(i*hh)+(r?0:s),w,Math.max(hh-s,1));ctx.drawImage(img_b,0,(i*hh),w,hh,0,(i*hh)+(r?hh-s:0),w,Math.max(s,1));}}if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="wheel"){var q=parseInt(getInt(opt1,4,trans),10),x=w/2,y=h/2,d=(Math.PI*2)/q,r=Math.ceil(Math.sqrt(Math.pow(w,2)+Math.pow(h,2))/2),s=(d/steps);timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;ctx.drawImage(img_a,0,0,w,h);cbx.clearRect(0,0,w,h);cbx.globalCompositeOperation="source-over";cbx.drawImage(img_b,0,0,w,h);cbx.globalCompositeOperation="destination-out";cbx.fillStyle="rgba(0,0,0,1.0)";for(var i=0;i<q;i++){cbx.beginPath();cbx.moveTo(x,y);cbx.arc(x,y,r,(i*d)+(val*s),(i*d)+(steps*s),false);cbx.closePath();cbx.fill();}ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="wrench"){var pos=efx[1]||"vertical",v=pos=="vertical"?1:0,c=Math.round(steps*.5),a=1/c,xo=0,yo=0,ow=0,oh=0,s=0;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;s=cnt<=c?1:0;cbx.clearRect(0,0,w,h);if(s){ow=Math.round(Math.min(Math.max(w*(1-(val*a)),1),w));xo=((w-ow)/2);oh=Math.round(Math.min(Math.max(h*(1-(val*a)),1),h));yo=((h-oh)/2);}else{ow=Math.round(Math.min(Math.max(w*((val-c)*a),1),w));xo=((w-ow)/2);oh=Math.round(Math.min(Math.max(h*((val-c)*a),1),h));yo=((h-oh)/2);cbx.globalAlpha=a*(val-c);}cbx.drawImage(s?img_a:img_b,v?0:xo,v?yo:0,v?w:ow,v?oh:h,0,0,w,h);ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="zigzag"){var gx=parseInt(getInt(opt1,8,trans),10),gy=parseInt(getInt(opt2,gx,trans),10),m=gx*gy,ww=(w/gx),bw=Math.ceil(ww),hh=(h/gy),bh=Math.ceil(hh),lf=(m/steps),tt=Math.round(steps/m),ct=0,yo=0,xo=-1,dir=0,xc=gx;cmx.clearRect(0,0,w,h);cmx.fillStyle="rgba(0,0,0,1.0)";cmx.fillRect(0,0,w,h);timer.start();canvas.timer=window.setInterval(function(){function zigzag(){if(dir==0&&ct==xc){dir++;ct=0;xo++;yo++;}else if(dir==1&&ct==(xc+1)){dir=0;ct=0;yo++;}if(dir==0){xo++;}else{xo--;}ct++;cmx.clearRect(Math.round(xo*ww),Math.round(yo*hh),bw,bh);};ctx.drawImage(img_a,0,0,w,h);cbx.clearRect(0,0,w,h);cbx.globalCompositeOperation="source-over";cbx.drawImage(img_b,0,0,w,h);cbx.globalCompositeOperation="destination-out";if(lf<1){if(cnt!=0&&cnt%tt==0){zigzag();}}else{for(var i=cnt;i<(cnt+lf);i++){zigzag();}}cbx.drawImage(mask,0,0,w,h);ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);} else if(efx[0]=="zoom"){var dir=efx[1]||"out",m=dir=="in"?1:0,z=0,f=0,x=0,y=0,ww=0,hh=0,a=1/steps,d=a;timer.start();canvas.timer=window.setInterval(function(){val=cvi_tween[tween](steps,cnt,cpa)*steps;z=m?val*d:1-(val*d);f=m?a*val:1-(a*val);ww=Math.min(Math.max(w*z,1),w);hh=Math.min(Math.max(h*z,1),h);x=(w-ww)/2;y=(h-hh)/2;cbx.clearRect(0,0,w,h);cbx.globalAlpha=f;cbx.drawImage(m?img_b:img_a,x,y,ww,hh,0,0,w,h);ctx.drawImage(m?img_a:img_b,0,0,w,h);ctx.drawImage(buffer,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}cnt++;if(cnt>steps){var t=timer.stop()-ival;window.clearInterval(canvas.timer);ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();cvi_trans._clr(callback,trans,t,fps*((dur*1000)/t),canvas);}},ival);}}catch(err){canvas.TLerror=err.message;ctx.drawImage(img_b,0,0,w,h);if(layer){ctx.drawImage(layer,0,0,w,h);}ctx.restore();log('Error: ',err.message+' - trans "'+trans+'" has failed!');cvi_trans._clr(callback,trans,0,0,canvas);}}}}return false;},stop:function(canvas,img){if(cvi_trans.vml&&canvas.TLfilter){var filter=canvas.TLfilter;if(canvas.filters.item(filter).status==2){canvas.filters.item(filter).stop();}}else if(canvas.timer&&canvas.getContext){window.clearInterval(canvas.timer);canvas.timer=0;var ctx=canvas.getContext('2d'),w=parseInt(canvas.width),h=parseInt(canvas.height);ctx.drawImage(img,0,0,w,h);ctx.restore();}cvi_trans._clr('','',0,0,canvas);return false;},_clr:function(callback,trans,time,fps,obj){if(cvi_trans.isWC){var ele=document.getElementById('cvi_trans_buffer');if(ele){document.body.removeChild(ele);}ele=document.getElementById('cvi_trans_mask');if(ele){document.body.removeChild(ele);}}obj.TLfilter=null;obj.TLbusy=false;if(callback){if(typeof window[callback]==='function'){window[callback](trans||"",time||0,fps||0,obj.id);}}return false;}} </script> <script type="text/javascript"> var transm={version:1.0,released:'2009-12-21 16:21:00',defaultWidth:320,defaultHeight:180,defaultRadius:0,defaultName:null,defaultData:null,defaultCallback:null,defaultLayer:null,defaultAutoplay:0,defaultPingpong:0,defaultVerbose:0,defaultNocache:0,defaultFadein:0,defaultClearbg:0,defaultTimeout:6,defaultTransition:'random',defaultTweening:'default',defaultCparray:null,defaultDuration:2,defaultDelay:5,defaultFps:30,defaultMeter:false,defaultMfgcolor:'#ff0000',defaultMbgcolor:'#ffffff',defaultMopacity:0.75,defaultMsize:32,defaultMposx:280,defaultMposy:140,engine:(window.opera?"O":document.all&&!window.opera?"Ms":navigator.userAgent.indexOf('WebKit')>-1?"Webkit":navigator.userAgent.indexOf('KHTML')>-1&&navigator.userAgent.indexOf('WebKit')==-1?"Khtml":navigator.userAgent.indexOf('Gecko')>-1&&window.updateCommands?"Moz":""),css:function(v){var i,t,d=new Object(),s=new Array("O","Ms","Khtml","Webkit","Moz");d["o"]=d["ms"]=d["khtml"]=d["webkit"]=d["moz"]=d["css"]=false;if(v&&(typeof v==='string')){t=v.substr(0,1).toUpperCase()+v.substring(1);for(i=0;i<s.length;i++){try{d[s[i].toLowerCase()]=(document.body.style[s[i]+t]!==undefined);}catch(e){}}}try{d["css"]=(document.body.style[v]!==undefined);}catch(e){}d["any"]=(d["css"]||d["moz"]||d["khtml"]||d["webkit"]||d["ms"]||d["o"]?true:false);return d;},style:function(v){if(v&&(typeof v==='string')){var d=this.css(v),t=v.substr(0,1).toUpperCase()+v.substring(1);return this.engine!=""&&d.any?d.css?v:d[this.engine.toLowerCase()]?this.engine+t:false:false;}return false;},canvas:function(v){var t=document.createElement('canvas'),c=false;if(t.tagName.toUpperCase()=="CANVAS"){try{c=t.getContext("2d");}catch(e){}}if(c&&v&&(typeof v==='string')){if(c[v]){return true;}else if(t[v]){return true;}else{return false;}}else{return Boolean(c);}},current:function(o){var s;if(o.currentStyle){s=o.currentStyle;}else if(document.defaultView&&document.defaultView.getComputedStyle){s=document.defaultView.getComputedStyle(o,"");}else{s=o.style;}return s;},color:function(v){if(v.toLowerCase().match(/^#[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f]$/i)){return v;}else if(v.toLowerCase().match(/^#[0-9a-f][0-9a-f][0-9a-f]$/i)){return'#'+v.substr(1,1)+v.substr(1,1)+v.substr(2,1)+v.substr(2,1)+v.substr(3,1)+v.substr(3,1);}else{return'#000000';}},rgb:function(v){function h2d(h){return(Math.max(0,Math.min(parseInt(h,16),254)));};return h2d(v.substr(1,2))+','+h2d(v.substr(3,2))+','+h2d(v.substr(5,2));},vml:function(){return(document.all&&document.namespaces&&!window.opera);},log:function(s,v){s=s.toUpperCase()||'LOG';if(window.console){if(!window.console.warn){window.console.log(s+': '+v);}else{window.console[s.toLowerCase()||'log'](v);}}else if(window.opera){opera.postError(s+': '+v);}else{window.document.title=s+': '+v;}return false;},G:function(v){return(document.getElementById(v));},R:function(v){return(document.body.removeChild(v));},A:function(v){return(document.body.appendChild(v));},C:function(v){return(document.createElement(v));},add:function(object,options){function uniqueID(){var v=Date.parse(new Date())+Math.floor(Math.random()*100000000000);return v.toString(16);} function getFName(v,s){var fn=v.replace(/^.*[\/\\]/g,''),t=fn.lastIndexOf(".");if(s&&t>0){fn=fn.substring(0,t);}return fn;};function getArg(a,t){return(typeof options[a.toLowerCase()]===t?options[a.toLowerCase()]:transm["default"+a]);};function getNum(a,n,m){return Math.max(n,Math.min(m,(typeof options[a.toLowerCase()]==='number'?options[a.toLowerCase()]:transm["default"+a])));};function finalize(){tmp=transm.C('a');tmp.style.height=height+'px';tmp.style.width=width+'px';with(tmp.style){display='block';position='absolute';background='transparent';zIndex=11;left='0px';top='0px';padding='0px';margin='0px';outline='0px none';border='0px none';}object.appendChild(tmp);tmp.unselectable=true;if(nsa){tmp.style[nsa]='none';}if(nda){tmp.style[nda]='none';}tmp.id=self.id+"_link";tmp.title=null;tmp.href=null;tmp.target=null;if(self.meter){if(self.w3c){var meter=transm.C('canvas');meter.id=self.id+"_meter";meter.width=self.msize;meter.height=self.msize;meter.style.height=self.msize+'px';meter.style.width=self.msize+'px';meter.style.position='absolute';meter.style.left=self.mposx+'px';meter.style.top=self.mposy+'px';if(nsa){meter.style[nsa]='none';}if(nda){meter.style[nda]='none';}tmp.appendChild(meter);} else if(self.vml){var meter=transm.C('div');meter.id=self.id+"_meter";meter.style.height=self.msize+'px';meter.style.width=self.msize+'px';meter.style.display='block';meter.style.position='absolute';meter.style.left=self.mposx+'px';meter.style.top=self.mposy+'px';meter.style.visibility='visible';tmp.appendChild(meter);meter.unselectable=true;meter.innerHTML='<v:oval strokeweight="0" stroked="f" filled="t" fillcolor="#808080" style="zoom:1;display:block;position:absolute;left:0px;top:0px;margin:0px;padding:0px;width:'+self.msize+'px;height:'+self.msize+'px;"><v:fill color="'+self.mbgcolor+'" opacity="'+self.mopacity+'" /></v:oval><v:shape path="m 500,500 ae 500,500,500,500,5898150,23592960 x e" coordorigin="0,0" coordsize="1000,1000" strokeweight="0" stroked="f" filled="t" fillcolor="#808080" style="zoom:1;display:block;position:absolute;left:0px;top:0px;margin:0px;padding:0px;width:'+self.msize+'px;height:'+self.msize+'px;"><v:fill color="'+self.mfgcolor+'" opacity="'+self.mopacity+'" /></v:shape>';meter.style.visibility='hidden';} else{var meter=transm.C('div');meter.id=self.id+"_meter";meter.style.width=(self.cw-4)+'px';with(meter.style){fontSize='4px';lineHeight='4px';height='4px';position='absolute';display='block';background=self.mfgcolor;right='2px';bottom='2px';visibility='hidden';}meter.style[self.opa]=self.mopacity;meter.style.filter="alpha(opacity="+(self.mopacity*100)+")";tmp.appendChild(meter);meter.unselectable=true;if(nsa){meter.style[nsa]='none';}if(nda){meter.style[nda]='none';}}}var cover=transm.C('div');cover.id=self.id+"_cover";cover.style.width=parseInt(self.cw/2,10)+'px';with(cover.style){height='16px';fontSize='12px';lineHeight='12px';position='absolute';display='block';background=self.mbgcolor;}cover.style.left=parseInt((self.cw/4),10)+'px';cover.style.top=parseInt((self.ch/2)-7,10)+'px';if(nbr){cover.style[nbr]='8px';}tmp.appendChild(cover);cover.unselectable=true;if(nsa){cover.style[nsa]='none';}if(nda){cover.style[nda]='none';}cover.style[self.opa]=self.mopacity;cover.style.filter="alpha(opacity="+(self.mopacity*100)+")";var pro=transm.C('div');pro.id=self.id+"_progress";if(nbr){pro.style[nbr]='8px';}with(pro.style){width='0px';fontSize='12px';lineHeight='12px';height='16px';margin='0px';position='absolute';display='block';background=self.mfgcolor;left='0px';top='0px';}cover.appendChild(pro);pro.unselectable=true;if(self.vml&&document.documentMode){pro.style.filter="alpha(opacity="+(self.mopacity*100)+")";} if(self.vml&&!self.nocache){tmp=transm.C('v:image');tmp.id=self.id+"_vml_preloader";tmp.src="";tmp.strokeweight="0";tmp.stroked="f";tmp.style.display='block';tmp.style.visibility='visible';tmp.style.cssText='zoom:1;position:absolute;left:-9999px;top:0px;margin:0px;padding:0px;width:'+self.cw+'px;height:'+self.ch+'px;';transm.A(tmp);}transm._preload(self,0);return self.id;};var width,height,cw,ch,tmp,data,img,id,vml,w3c,opa,nbr,nsa,nda,i,ctx,radius=0,radii,verbose,defopts={"width":transm.defaultWidth,"height":transm.defaultHeight,"radius":transm.defaultRadius,"name":transm.defaultName,"data":transm.defaultData,"layer":transm.defaultLayer,"autoplay":transm.defaultAutoplay,"pingpong":transm.defaultPingpong,"verbose":transm.defaultVerbose,"fadein":transm.defaultFadein,"callback":transm.defaultCallback,"clearbg":transm.defaultClearbg,"timeout":transm.defaultTimeout,"transition":transm.defaultTransition,"tweening":transm.defaultTweening,"cparray":transm.defaultCparray,"duration":transm.defaultDuration,"delay":transm.defaultDelay,"fps":transm.defaultFps,"meter":transm.defaultMeter,"mfgcolor":transm.defaultMfgcolor,"mbgcolor":transm.defaultMbgcolor,"mopacity":transm.defaultMopacity,"msize":transm.defaultMsize,"mposx":transm.defaultMposx,"mposy":transm.defaultMposy};if(options){for(i in defopts){if(!options[i]){options[i]=defopts[i];}}}else{options=defopts;}verbose=getArg('Verbose','boolean');vml=transm.vml();if(!vml){w3c=transm.canvas();}nbr=transm.style('BorderRadius');nsa=transm.style('UserSelect');nda=transm.style('UserDrag');opa=transm.style('Opacity');if(typeof cvi_tfx=='object'&&typeof cvi_trans=='object'){width=cw=parseInt(getNum('Width',64,1024),10);height=ch=parseInt(getNum('Height',64,1024),10);if(typeof options['radius']==='number'){radius=parseInt(getNum('Radius',0,Math.min(width/2,height/2)),10);}radii=(typeof options['radius']==='object'?options['radius']:new Array());for(i=0;i<4;i++){radii[i]=parseInt(Math.min(width/2,height/2,Math.max(radii[i]||0,0)),10);} object.id=(object.id!='undefined'?object.id:uniqueID());id=getArg('Name','string');tmp=(id==''||id==null?object.id+'_transm':id);data=(typeof options['data']==='object'?options['data']:new Array());if(!transm.G(tmp)&&data!=null&&data.length&&data.length>1){tmp=transm.current(object);if(tmp.display.match(/^none|inline|run-in|compact|marker$/i)){object.style.display='block';}if(tmp.position.match(/^none|static$/i)){object.style.position='relative';}object.innerHTML='';with(object.style){overflow='hidden';padding='0px';outline='0px none';border='0px none';cursor='progress';}object.unselectable=true;object.style.height=height+'px';object.style.width=width+'px';if(nsa){object.style[nsa]='none';}if(nda){object.style[nda]='none';} try{if(vml){if(document.namespaces['v']==null){var e=["shape","shapetype","group","background","path","formulas","handles","fill","stroke","shadow","textbox","textpath","imagedata","line","polyline","curve","roundrect","oval","rect","arc","image"],s=document.createStyleSheet();for(i=0;i<e.length;i++){s.addRule("v\\:"+e[i],"behavior: url(#default#VML);");}document.namespaces.add("v","urn:schemas-microsoft-com:vml");}if(radius){var self=transm.C('v:roundrect');self.vml=true;self.radius=Math.max(Math.min(100,radius/(Math.min(width,height)/100)),0)+'%';self.arcsize=self.radius;} else{var self=transm.C('v:shape');self.vml=true;self.coordsize=width+','+height;var r=radii,w=width,h=height,p="m 0,"+r[0];if(r[3]>0){p+=" l 0,"+(h-r[3])+" qy "+r[3]+","+h;}else{p+=" l 0,"+h;}if(r[2]>0){p+=" l "+(w-r[2])+","+h+" qx "+w+","+(h-r[2]);}else{p+=" l "+w+","+h;}if(r[1]>0){p+=" l "+w+","+r[1]+" qy "+(w-r[1])+",0";}else{p+=" l "+w+",0";}if(r[0]>0){p+=" l "+r[0]+",0 qx 0,"+r[0];}else{p+=" l 0,0";}p+=" x e";self.fillpath=p;self.path=self.fillpath;}self.strokeweight="0";self.filled="t";self.stroked="f";self.fillcolor="#808080";self.style.display='block';self.style.visibility='visible';self.style.cssText='zoom:1;position:absolute;left:0px;top:0px;margin:0px;padding:0px;width:'+width+'px;height:'+height+'px;';self.style.visibility='hidden';} else if(w3c){var self=transm.C('canvas');self.w3c=true;self.csp=transm.canvas('getImageData');self.wcs=navigator.userAgent.indexOf('WebKit')!=-1&&!window.external&&!document.defaultCharset?1:0;self.wcf=navigator.userAgent.indexOf('Gecko')>-1&&window.updateCommands&&!window.external?1:0;} else{if(document.images&&document.getElementById&&document.createElement&&document.appendChild&&document.removeChild&&document.childNodes){var self=transm.C('img');self.old=true;self.style.position='absolute';self.style.left='0px';self.style.top='0px';self.tri=document.all&&!window.opera?1:0;}} if(self){self.data=data;self.nsa=nsa;self.nda=nda;self.opa=opa?opa:'opacity';if(typeof cvi_tween['sineEaseInOut']!='function'){self.nolib=true;if(verbose){transm.log('warn','transm: missing "cvi_tween_lib"');}} for(i=0;i<self.data.length;i++){if(self.data[i].source.match(/\.(gif|png|jpg|jpeg)(?:\?([^#]*))?(?:#(\.*))?$/i)){self.data[i].n=getFName(self.data[i].source,true);}} for(i=0;i<self.data.length;i++){if(!self.data[i].n){self.data.splice(i,1);i--;}} if(self.data.length>1){self.verbose=verbose;self.autoplay=getArg('Autoplay','boolean');self.pingpong=getArg('Pingpong','boolean');self.clearbg=getArg('Clearbg','boolean');self.fadein=getArg('Fadein','boolean');self.nocache=getArg('Nocache','boolean');self.timeout=parseInt(getNum('Timeout',1,60),10)*1000;self.transition=getArg('Transition','string');self.tweening=getArg('Tweening','string');self.cparray=getArg('Cparray','object');self.duration=parseFloat(getNum('Duration',0.5,5));self.delay=parseFloat(getNum('Delay',0,600));self.fps=parseInt(getNum('Fps',15,100),10);self.layer=getArg('Layer','string');self.back=getArg('Callback','string');self.meter=getArg('Meter','boolean');self.mfgcolor=transm.color(getArg('Mfgcolor','string'));self.mbgcolor=transm.color(getArg('Mbgcolor','string'));self.mfgc=transm.rgb(self.mfgcolor);self.mbgc=transm.rgb(self.mbgcolor);self.mopacity=parseFloat(getNum('Mopacity',0.1,1.0));self.msize=parseInt(getNum('Msize',24,Math.min(width,height)),10);self.mposx=parseInt(getNum('Mposx',0,width-self.msize),10);self.mposy=parseInt(getNum('Mposy',0,height-self.msize),10);self.xfac=width>height?1:height>width?width/height:1;self.yfac=height>width?1:width>height?height/width:1;self.ifac=self.xfac==1?(width/height):(height/width);self.curI=0;self.preI=0;self.curD=1;self.fromB='a';self.pbgcolor=tmp.backgroundColor;self.pbgimage=tmp.backgroundImage;self.options=options;self.id=id!=null?id:object.id+'_transm';if(w3c){self.radius=radius;self.radii=radii;self.height=height;self.width=width;}self.ch=height;self.cw=width;with(self.style){padding='0px';margin='0px';outline='0px none';border='0px none';} self.style.height=height+'px';self.style.width=width+'px';self.unselectable=true;if(nsa){self.style[nsa]='none';}if(nda){self.style[nda]='none';}self.style[self.opa]=1;self.TLtrans=null;self.TLtween=null;self.TLerror=null;self.TLfilter=null;self.TLacall=null;self.TLaarg=null;self.TLbcall=null;self.TLbarg=null;self.TLbusy=false;self.TLdur=0;self.TLfps=0;object.appendChild(self);if(self.w3c){var buff_a=transm.C('canvas'),buff_b=transm.C('canvas');if(self.wcs){buff_a.id=self.id+'_img_a';buff_a.height=ch;buff_a.width=cw;with(buff_a.style){position='fixed';left='-9999px';top='0px';}buff_a.style.height=ch+'px';buff_a.style.width=cw+'px';transm.A(buff_a);buff_b.id=self.id+'_img_b';buff_b.height=ch;buff_b.width=cw;with(buff_b.style){position='fixed';left='-9999px';top='0px';}buff_b.style.height=ch+'px';buff_b.style.width=cw+'px';transm.A(buff_b);}else{buff_a.width=buff_b.width=width;buff_a.height=buff_b.height=height;}self.a=buff_a;self.b=buff_b;self.ctx=self.getContext("2d");}if(self.old){tmp=transm.C('img');tmp.height=height;tmp.width=width;with(tmp.style){position='absolute';left='0px';top='0px';padding='0px';margin='0px';outline='0px none';border='0px none';}object.appendChild(tmp);tmp.unselectable=true;if(nsa){tmp.style[nsa]='none';}if(nda){tmp.style[nda]='none';}tmp.id=self.id+"_buffer";} if(self.layer){img=new Image();img.onerror=function(){self.layer=null;finalize();};img.onload=function(){if(img.width&&img.height&&img.width>=64&&img.height>=64){if(self.w3c){var buff_c=transm.C('canvas');if(self.wcs){buff_c.id=self.id+'_img_c';buff_c.height=ch;buff_c.width=cw;with(buff_c.style){position='fixed';left='-9999px';top='0px';}buff_c.style.height=ch+'px';buff_c.style.width=cw+'px';transm.A(buff_c);}else{buff_c.width=width;buff_c.height=height;}self.c=buff_c;ctx=self.c.getContext("2d");ctx.clearRect(0,0,self.width,self.height);ctx.drawImage(img,0,0,self.width,self.height);} else if(self.vml){if(radius){tmp=transm.C('v:roundrect');tmp.arcsize=self.radius;}else{tmp=transm.C('v:shape');tmp.coordsize=width+','+height;tmp.path=self.fillpath;}tmp.strokeweight="0";tmp.filled="t";tmp.stroked="f";tmp.fillcolor="#808080";tmp.style.visibility='visible';tmp.style.cssText='zoom:1;display:block;position:absolute;left:0px;top:0px;margin:0px;padding:0px;width:'+width+'px;height:'+height+'px;visibility:hidden;';object.appendChild(tmp);tmp.id=self.id+"_layer";} else if(self.old){if(self.tri){tmp=transm.C('div');tmp.style.display='block';tmp.style.filter='progid:DXImageTransform.Microsoft.AlphaImageLoader(src="'+self.layer+'", sizingMethod="scale")';}else{tmp=transm.C('img');tmp.src=self.layer;tmp.height=height;tmp.width=width;}tmp.style.height=height+'px';tmp.style.width=width+'px';with(tmp.style){position='absolute';zIndex=10;left='0px';top='0px';padding='0px';margin='0px';outline='0px none';border='0px none';}object.appendChild(tmp);tmp.unselectable=true;if(nsa){tmp.style[nsa]='none';}if(nda){tmp.style[nda]='none';}tmp.id=self.id+"_layer";} finalize();}else{self.layer=null;finalize();}};img.src=self.layer;}else{finalize();}}else{if(verbose){transm.log('warn','transm: insufficient images [exit]');}}}else{if(verbose){transm.log('error','transm: unsupported browser [exit]');}}}catch(err){if(verbose){transm.log('error','transm: has failed '+err.message+' [exit]');}}}}else{if(verbose){transm.log('warn','transm: missing "cvi_trans_lib" [exit]');}}return false;},play:function(self){if(self&&self.TLready){self.autoplay=true;if(self.parentNode.timer){window.clearInterval(self.parentNode.timer);}var delay=Math.max(0,Math.min((self.data[self.curI].delay||self.delay),600))*1000;if(self.meter){var meter=transm.G(self.id+"_meter");if(meter.timer){window.clearInterval(meter.timer);} if(self.w3c){var ctx=meter.getContext("2d"),t=Math.round(delay/40),d=Math.PI*2,s=d/t,c=0,w=meter.width,h=meter.height,x=w/2,y=h/2,a=(Math.PI/2)*-1,r=x;meter.timer=window.setInterval(function(){ctx.clearRect(0,0,w,h);ctx.save();ctx.arc(x,y,r,0,d,true);ctx.fillStyle="rgba("+self.mbgc+","+self.mopacity+")";ctx.fill();ctx.fillStyle="rgba("+self.mfgc+","+self.mopacity+")";ctx.beginPath();ctx.moveTo(x,y);ctx.arc(x,y,r,a,a+(c*s),true);ctx.closePath();ctx.fill();ctx.restore();c++;if(c>t){window.clearInterval(meter.timer);ctx.clearRect(0,0,w,h);transm.next(self,true);}},40);} else if(self.vml){var angle=meter.lastChild,t=Math.round(delay/40),m=0,s=360/t,c=0,a="m 500,500 ae 500,500,500,500,5898150,",z=" x e",p="";m=Math.round(360*65536);p=a+m+z;angle.path=p;meter.style.visibility='visible';meter.timer=window.setInterval(function(){m=Math.round((360-(c*s))*65536);p=a+m+z;angle.path=p;c++;if(c>t){window.clearInterval(meter.timer);meter.style.visibility='hidden';transm.next(self,true);}},40);} else{meter.style.visibility='visible';var t=Math.round(delay/40),cw=self.cw-4,s=cw/t,c=0;meter.timer=window.setInterval(function(){meter.style.width=(cw-(c*s))+'px';c++;if(c>t){window.clearInterval(meter.timer);meter.style.visibility='hidden';transm.next(self,true);}},40);}}else{self.parentNode.timer=window.setInterval(function(){transm.next(self,true);if(!self.autoplay){window.clearInterval(self.parentNode.timer);}},delay);}}return false;},stop:function(self){if(self&&self.TLready){self.autoplay=false;if(self.parentNode.timer){window.clearInterval(self.parentNode.timer);}if(self.meter){var meter=transm.G(self.id+"_meter");if(meter.timer){window.clearInterval(meter.timer);}if(self.w3c){var ctx=meter.getContext("2d");ctx.clearRect(0,0,meter.width,meter.height);}else{meter.style.visibility='hidden';}}}return false;},first:function(self){if(self&&!self.autoplay&&!self.TLbusy&&self.curI!=0){self.preI=self.curI;self.curI=0;transm._wipe(self);}return false;},prev:function(self){if(self&&!self.autoplay&&!self.TLbusy){self.preI=self.curI;if(self.curI>0){self.curI--;}else{self.curI=self.noi;}transm._wipe(self);}return false;},show:function(self,v){if(self&&!self.autoplay&&!self.TLbusy){self.preI=self.curI;self.curI=Math.min(Math.max(v||0,0),self.noi);transm._wipe(self);}return false;},next:function(self,v){if(self&&!self.TLbusy&&(!v&&!self.autoplay)||(v&&self.autoplay)){if(self.pingpong&&self.autoplay){self.preI=self.curI;if(self.curI>=self.noi){self.curD=0;}else if(self.curI<=0&&!self.curD){self.curD=1;self.curI=0;}if(self.curD){self.curI++;}else{self.curI--;}}else{if(self.curI<self.noi){self.curI++;}else{self.curI=0;}}transm._wipe(self);}return false;},last:function(self){if(self&&!self.autoplay&&!self.TLbusy&&self.curI!=self.noi){self.preI=self.curI;self.curI=self.noi;transm._wipe(self);}return false;},get:function(self,v){if(self){var info=null;switch(v.toLowerCase()){case"busy":info=self.TLbusy;break;case"playing":info=self.autoplay;break;case"current":info=self.curI;break;case"total":info=self.data.length;break;case"transition":info=self.TLtrans;break;case"tweening":info=self.TLtween;break;case"duration":info=self.TLdur;break;case"fps":info=self.TLfps;break;}return info;}return false;},info:function(self){if(self){return{transition:self.TLtrans,tweening:self.TLtween,duration:self.TLdur,fps:self.TLfps};}return false;},remove:function(self){if(self){var par=self.parentNode;if(self.timer){window.clearInterval(self.timer);}if(par.timer){window.clearInterval(par.timer);}if(self.wcs){var ele=transm.G(self.id+'_img_a');if(ele){transm.R(ele);}ele=transm.G(self.id+'_img_b');if(ele){transm.R(ele);}ele=transm.G(self.id+'_img_c');if(ele){transm.R(ele);}}if(self.clearbg){par.style.backgroundImage=self.pbgimage;par.style.backgroundColor=self.pbgcolor;}par.innerHTML='';}return false;},_preload:function(self,cnt){if(self){var img=null;if(self.timer){window.clearTimeout(self.timer);} if(cnt<self.data.length){var cw=parseInt((self.cw/2)-2,10),ow=cw/(self.data.length-1);transm.G(self.id+"_progress").style.width=(cnt*ow)+'px';self.timer=window.setTimeout("if("+self.verbose+"){transm.log('warn','transm: ["+self.timeout+"ms] timeout image > "+self.data[cnt].source+"');}transm._preload(transm.G('"+self.id+"'),"+(cnt+1)+");",self.timeout);if(self.vml&&!self.nocache){var pre=transm.G(self.id+"_vml_preloader");if(pre){pre.src=self.data[cnt].source;}} img=new Image();img.onabort=function(){if(self.verbose){transm.log('warn','transm: onabort image > '+self.data[cnt].source);}if(self.timer){window.clearTimeout(self.timer);}transm._setup(self);};img.onerror=function(){if(self.verbose){transm.log('warn','transm: onerror image > '+self.data[cnt].source);}cnt++;if(self.vml&&!self.nocache){if(self.timer){window.clearTimeout(self.timer);}window.setTimeout(function(){transm._preload(self,cnt);},0);}else{transm._preload(self,cnt);}};img.onload=function(){if(img.width&&img.height&&img.width>=64&&img.height>=64){var pos=0,tmp=0;self.data[cnt].l=true;self.data[cnt].nw=nw=img.naturalWidth||img.width;self.data[cnt].nh=nh=img.naturalHeight||img.height;tmp=self.data[cnt].imgshift;tmp=tmp>0&&tmp<=0.001?0:tmp;pos=Math.max(Math.min(self.data[cnt].imgshift||0.5,1.0),0.0);var nw=self.data[cnt].nw,nh=self.data[cnt].nh,ix=0,iy=0,iw=nw,ih=nh,xf=iw>ih?1:ih>iw?iw/ih:1,yf=ih>iw?1:iw>ih?ih/iw:1;if(self.xfac==1&&self.yfac==1&&xf==1&&yf==1){}else if(self.xfac==1&&self.yfac==1&&xf==1){iw=ih;ix=(nw-iw)*pos;}else if(self.xfac==1&&self.yfac==1&&yf==1){ih=iw;iy=(nh-ih)*pos;}else if(self.xfac==1){if(yf<self.yfac){iw=nh*self.ifac;ix=(nw-iw)*pos;}else{ih=nw*self.yfac;iy=(nh-ih)*pos;}}else if(self.yfac==1){if(xf<self.xfac){ih=nw*self.ifac;iy=(nh-ih)*pos;}else{iw=nh*self.xfac;ix=(nw-iw)*pos;}} self.data[cnt].mw=Math.round(iw);self.data[cnt].mh=Math.round(ih);self.data[cnt].ix=Math.round(ix);self.data[cnt].iy=Math.round(iy);var xf=(self.cw/iw),ff=xf,yf=(self.ch/ih),ww=(nw*xf),hh=(nh*yf);self.data[cnt].wm=(ww*.75);self.data[cnt].hm=(hh*.75);pos=0.5-pos;self.data[cnt].ox=((self.cw/ww)-1)*pos;self.data[cnt].oy=((self.ch/hh)-1)*pos;self.data[cnt].ww=Math.round(ww);self.data[cnt].hh=Math.round(hh);self.data[cnt].xx=Math.round(ff*-ix);self.data[cnt].yy=Math.round(ff*-iy);if(!self.vml){self.data[cnt].img=img;}if(transm.engine=="Ms"||self.tri){img.onload='';img=null;}if(self.verbose){transm.log('log','transm: '+self.data[cnt].nw+'x'+self.data[cnt].nh+' > '+self.data[cnt].source);}cnt++;if(self.vml&&!self.nocache){if(self.timer){window.clearTimeout(self.timer);}window.setTimeout(function(){transm._preload(self,cnt);},0);}else{transm._preload(self,cnt);}} else{if(self.verbose){transm.log('warn','transm: failed image > '+self.data[cnt].source);}cnt++;if(self.vml&&!self.nocache){if(self.timer){window.clearTimeout(self.timer);}window.setTimeout(function(){transm._preload(self,cnt);},0);}else{transm._preload(self,cnt);}}};img.src=self.data[cnt].source;}else{transm._setup(self);}}return false;},_return:function(self,trans,time,fps){if(self){if(trans){if(self.w3c){var tween=self.data[self.curI].tweening||self.tweening;tween=(typeof cvi_tween[tween]==='function'?tween:self.nolib?'linear':cvi_tfx[trans].tween||'linear');}self.TLtrans=trans;self.TLtween=tween||'linear';self.TLdur=time;self.TLfps=fps||30;}else{var caf=self.data[0].callafter||null,caa=self.data[0].argafter||null,cbf=self.data[0].callbefore||null,cba=self.data[0].argbefore||null;self.TLacall=caf;self.TLaarg=caa;self.TLbcall=cbf;self.TLbarg=cba;}transm._prepare(self);if(!trans||trans==''){if(self.back){if(typeof window[self.back]==='function'){try{window[self.back]();}catch(err){if(self.verbose){transm.log('error','transm: has failed '+err.message);}}}}}if(self.TLacall){if(typeof window[self.TLacall]==='function'){try{window[self.TLacall](self.TLaarg);}catch(err){if(self.verbose){transm.log('error','transm: has failed '+err.message);}}}}self.TLready=true;if(self.autoplay){transm.play(self);}}return false;},_prepare:function(self){if(self){var i=self.curI,link=transm.G(self.id+"_link");if(link){link.title=self.data[i].title||'';link.target=self.data[i].target||'_self';if(self.data[i].onclick){link.setAttribute("onclick",self.data[i].onclick||'');if(self.tri||self.vml){link.onclick=new Function(self.data[i].onclick||'');}link.style.cursor='pointer';}else{link.removeAttribute("onclick");link.style.cursor='auto';}if(self.data[i].href){link.setAttribute("href",self.data[i].href||null);link.style.cursor='pointer';}else{link.removeAttribute("href");}}}return false;},_setup:function(self){if(self){if(self.timer){window.clearInterval(self.timer);}for(var i=0;i<self.data.length;i++){if(!self.data[i].l){self.data.splice(i,1);i--;}}transm.G(self.id+"_cover").style.visibility='hidden';if(self.vml&&!self.nocache){var pre=transm.G(self.id+"_vml_preloader");if(pre){transm.R(pre);}}if(self.data.length>1){self.noi=self.data.length-1;var caf=self.data[0].callafter||null,caa=self.data[0].argafter||null,cbf=self.data[0].callbefore||null,cba=self.data[0].argbefore||null;self.TLacall=caf;self.TLaarg=caa;self.TLbcall=cbf;self.TLbarg=cba;if(self.clearbg){var par=self.parentNode;par.style.backgroundColor='transparent';par.style.backgroundImage='none';}if(self.w3c){transm._buffer(self,self.a,0);transm._display(self);}else{transm._display(self);}}else{if(self.verbose){transm.log('warn','transm: insufficient images [exit]');}transm.remove(self);}}return false;},_buffer:function(self,buffer,i){if(self&&self.w3c){if(buffer){var ctx=buffer.getContext("2d");ctx.clearRect(0,0,self.width,self.height);ctx.drawImage(self.data[i].img,self.data[i].ix,self.data[i].iy,self.data[i].mw,self.data[i].mh,0,0,self.width,self.height);}}return false;},_clear:function(self){if(self){var link=transm.G(self.id+"_link");if(link){link.title='';link.target='_self';link.onclick='';link.removeAttribute("onclick");link.removeAttribute("href");link.style.cursor='auto';}}return false;},_display:function(self){function clip(c,x,y,w,h,r1,r2,r3,r4){c.beginPath();if(r1>0){c.arc(x+r1,y+r1,r1,Math.PI,Math.PI*(3/2),false);}else{c.moveTo(x,y);}if(r2>0){c.arc(x+w-r2,y+r2,r2,Math.PI*(3/2),0,false);}else{c.lineTo(x+w,y);}if(r3>0){c.arc(x+w-r3,y+h-r3,r3,0,Math.PI*(1/2),false);}else{c.lineTo(x+w,y+h);}if(r4>0){c.arc(x+r4,y+h-r4,r4,Math.PI*(1/2),Math.PI,false);}else{c.lineTo(x,y+h);}c.closePath();};if(self){self.parentNode.style.cursor='auto';if(self.w3c){if(self.fadein){self.style.opacity=0;}self.ctx.clearRect(0,0,self.width,self.height);if(self.radius||self.radii){clip(self.ctx,0,0,self.width,self.height,self.radii[0]||self.radius||0,self.radii[1]||self.radius||0,self.radii[2]||self.radius||0,self.radii[3]||self.radius||0);self.ctx.clip();}self.ctx.save();self.ctx.drawImage(self.fromB=='a'?self.a:self.b,0,0,self.width,self.height);if(self.layer){self.ctx.drawImage(self.c,0,0,self.width,self.height);}self.ctx.restore();if(self.fadein){if(self.timer){window.clearInterval(self.timer);}var c=0,t=25,o=0,p=1/t;self.timer=window.setInterval(function(){o=p*c;self.style.opacity=o;c++;if(c>t){window.clearInterval(self.timer);self.style.opacity=1;transm._return(self,false);}},40);}else{transm._return(self,false);}} else if(self.vml){var fill=document.createElement(['<v:fill src="'+self.data[0].source+'" size="'+self.data[0].wm+'pt,'+self.data[0].hm+'pt" origin="'+self.data[0].ox+','+self.data[0].oy+'" position="0,0" aspect="ignore" type="frame" />'].join(''));self.appendChild(fill);self.style.visibility='visible';if(self.layer){var tmp=transm.G(self.id+"_layer");if(tmp){fill=document.createElement(['<v:fill src="'+self.layer+'" type="frame" />'].join(''));tmp.appendChild(fill);tmp.style.visibility='visible';}}transm._return(self,false);} else{self.src=self.data[0].source;self.style.zIndex=2;self.style.width=self.data[0].ww+'px';self.style.height=self.data[0].hh+'px';self.style.left=Math.round(-self.data[0].ix)+'px';self.style.top=Math.round(-self.data[0].iy)+'px';if(self.fadein){self.style[self.opa]=0;self.style.filter="alpha(opacity=0)";if(self.timer){window.clearInterval(self.timer);}var c=0,t=25,o=0,p=1/t;self.timer=window.setInterval(function(){o=p*c;self.style[self.opa]=o;self.style.filter="alpha(opacity="+(o*100)+")";c++;if(c>t){window.clearInterval(self.timer);self.style[self.opa]=1;self.style.filter="alpha(opacity=100)";transm._return(self,false);}},40);}else{transm._return(self,false);}}}return false;},_wipe:function(self){if(self&&!self.TLbusy){if(self.parentNode.timer){window.clearInterval(self.parentNode.timer);}transm._clear(self);var alpha=null,a=self.fromB=='a'?1:0,i=self.curI,opt1=self.data[i].option1||null,opt2=self.data[i].option2||null,trans=self.data[i].transition||self.transition,dur=self.data[i].duration||self.duration,caf=self.data[i].callafter||null,caa=self.data[i].argafter||null,cbf=self.data[i].callbefore||null,cba=self.data[i].argbefore||null;self.TLacall=caf;self.TLaarg=caa;self.TLbcall=cbf;self.TLbarg=cba;if(self.TLbcall){if(typeof window[self.TLbcall]==='function'){try{window[self.TLbcall](self.TLbarg);}catch(err){if(self.verbose){transm.log('error','transm: has failed '+err.message);}}}} if(self.w3c){function callTrans(){cvi_trans.play('transm_return',self,a?self.a:self.b,a?self.b:self.a,alpha,self.layer?self.c:null,opt1,opt2,trans,tween,cpa,dur,fps);};self.fromB=a?'b':'a';transm._buffer(self,a?self.b:self.a,i);var mask=self.data[i].alphaimg||null,tween=self.data[i].tweening||self.tweening,cpa=self.data[i].cparray||self.cparray,fps=self.data[i].fps||self.fps;if(mask){var suf=mask.substring(1+mask.lastIndexOf(".")).toLowerCase(),todo=(suf=='jpg'||suf=='jpeg'?1:0);if(todo&&!self.csp){callTrans();}else{var img=new Image();img.onerror=function(){self.data[i].alphaimg=null;callTrans();};img.onload=function(){if(img.width&&img.height&&img.width>=8&&img.height>=8){if(todo&&self.csp){var ctx,i,n,s,t,w,h;alpha=transm.C('canvas');alpha.width=w=img.width;alpha.height=h=img.height;ctx=alpha.getContext("2d");ctx.clearRect(0,0,w,h);ctx.drawImage(img,0,0,w,h);try{s=ctx.getImageData(0,0,w,h);}catch(err){var excep=true;}if(excep){if(self.verbose){transm.log('error',err.message+". Explanations:\nhttp://en.wikipedia.org/wiki/Same_origin_policy\nhttp://www.w3.org/TR/XMLHttpRequest/#exceptions");}self.data[i].alphaimg=null;}else{for(i=0,n=s.data.length;i<n;i+=4){t=Math.round(s.data[i]*0.299+s.data[i+1]*0.587+s.data[i+2]*0.114);s.data[i]=s.data[i+1]=s.data[i+2]=0;s.data[i+3]=255-t;}ctx.clearRect(0,0,w,h);ctx.putImageData(s,0,0);}callTrans();}else{alpha=img;callTrans();}}else{self.data[i].alphaimg=null;callTrans();}};img.src=mask;}}else{callTrans();}} else if(self.vml){self.fromB=a?'b':'a';cvi_trans.play('transm_return',self,null,self.data[i],null,null,opt1,opt2,trans,null,null,dur,30);} else{self.fromB=a?'b':'a';self.TLbusy=true;var buffer=transm.G(self.id+"_buffer"),timer={d:null,t:null,start:function(){timer.d=new Date();timer.t=timer.d.getTime();},stop:function(){timer.d=new Date();return(timer.d.getTime()-timer.t);}},fps=self.data[i].fps||self.fps,ival=Math.round(1000/fps),steps=Math.round((dur*1000)/ival),c=0,o=0,p=1/steps;if(self.fromB=='b'){if(trans!='cut'){buffer.style[self.opa]=0;buffer.style.filter="alpha(opacity=0)";}buffer.style.width=self.data[i].ww+'px';buffer.style.height=self.data[i].hh+'px';buffer.style.left=self.data[i].xx+'px';buffer.style.top=self.data[i].yy+'px';buffer.src=self.data[i].source;buffer.style.zIndex=2;self.style.zIndex=1;if(trans!='cut'){if(self.timer){window.clearInterval(self.timer);}timer.start();self.timer=window.setInterval(function(){o=p*c;buffer.style[self.opa]=o;buffer.style.filter="alpha(opacity="+(o*100)+")";c++;if(c>steps){var t=timer.stop()-ival;window.clearInterval(self.timer);buffer.style[self.opa]=1;buffer.style.filter="alpha(opacity=100)";self.TLbusy=false;transm._return(self,'fade',t,fps*((dur*1000)/t));}},ival);}else{self.TLbusy=false;transm._return(self,'cut',0,fps);}} else{if(trans!='cut'){self.style[self.opa]=0;self.style.filter="alpha(opacity=0)";}self.style.width=self.data[i].ww+'px';self.style.height=self.data[i].hh+'px';self.style.left=self.data[i].xx+'px';self.style.top=self.data[i].yy+'px';self.src=self.data[i].source;self.style.zIndex=2;buffer.style.zIndex=1;if(trans!='cut'){if(self.timer){window.clearInterval(self.timer);}timer.start();self.timer=window.setInterval(function(){o=p*c;self.style[self.opa]=o;self.style.filter="alpha(opacity="+(o*100)+")";c++;if(c>steps){var t=timer.stop()-ival;window.clearInterval(self.timer);self.style[self.opa]=1;self.style.filter="alpha(opacity=100)";self.TLbusy=false;transm._return(self,'fade',t,fps*((dur*1000)/t));}},ival);}else{self.TLbusy=false;transm._return(self,'cut',0,fps);}}}}return false;}} function transm_return(a,b,c,d){var self=transm.G(d);if(self){transm._return(self,a,b,c);}return false;} </script> <script type="text/javascript"> var pics = new Array(); pics = [ {source:'curtain0.jpg',callbefore:'setOLTOut',transition:'split_horizontal_in'}, {source:'00001.jpg',delay:2,callbefore:'setOLTOut',callafter:'setOLTIn',argafter:'<var><big>Это 1 фото</big></var>...',transition:'split_horizontal_out'}, {source:'curtain0.jpg',callbefore:'setOLTOut',transition:'split_horizontal_in'}, {source:'00001.jpg',delay:2,callbefore:'setOLTOut',callafter:'setOLTIn',argafter:'<var><big>Это 00 фото</big></var>...',transition:'split_horizontal_out'}, {source:'curtain0.jpg',callbefore:'setOLTOut',transition:'split_horizontal_in'}, {source:'00002.jpg',delay:3,callbefore:'setOLTOut',callafter:'setOLTIn',argafter:'<var>SE@RCHER</var><br/><dfn>Это 2</dfn> <b><em>фото</em></b>',transition:'fade'}, {source:'curtain0.jpg',callbefore:'setOLTOut',transition:'split_horizontal_in'}, {source:'00003.jpg',delay:2,callbefore:'setOLTOut',callafter:'setOLTIn',argafter:'<var><big>Это 3 фото</big></var>...',transition:'split_horizontal_out'}, {source:'curtain0.jpg',callbefore:'setOLTOut',transition:'split_horizontal_in'}, {source:'00004.jpg',delay:2,callbefore:'setOLTOut',callafter:'setOLTIn',argafter:'<var><big>Это 4 фото</big></var>...',transition:'split_horizontal_out'}, {source:'00005.jpg',delay:2,callbefore:'setOLTOut',callafter:'setOLTIn',argafter:'<var><big>Это 5 фото</big></var>...',transition:'split_horizontal_out'}, {source:'00006.jpg',delay:2,callbefore:'setOLTOut',callafter:'setOLTIn',argafter:'<var><big>Это 6 фото</big></var>...',transition:'split_horizontal_out'}, {source:'00007.jpg',delay:2,callbefore:'setOLTOut',callafter:'setOLTIn',argafter:'<var><big>Это 7 фото</big></var>...',transition:'split_horizontal_out'}, {source:'00008.jpg',delay:2,callbefore:'setOLTOut',callafter:'setOLTIn',argafter:'<var><big>Это 8 фото</big></var>...',transition:'split_horizontal_out'}, {source:'00009.jpg',delay:2,callbefore:'setOLTOut',callafter:'setOLTIn',argafter:'<var><big>Это 9 фото</big></var>...',transition:'split_horizontal_out'}, {source:'00010.jpg',delay:2,callbefore:'setOLTOut',callafter:'setOLTIn',argafter:'<var><big>Это 10 фото</big></var>...',transition:'split_horizontal_out'}, {source:'00011.jpg',delay:2,callbefore:'setOLTOut',callafter:'setOLTIn',argafter:'<var><big>Это 11 фото</big></var>...',transition:'split_horizontal_out'}, {source:'00012.jpg',delay:3,callbefore:'setOLTOut',callafter:'setOLTIn',argafter:'<var>SE@RCHER</var><br/><dfn>Это 12</dfn> <b><em>фото</em></b>',transition:'fade'} ]; var opts = new Object(); opts = { width:400, height:220, radius:0, timeout:3, callback:'setup_scroller', autoplay:true, clearbg:true, delay: 1, meter: true, mopacity: 0.5, msize: 31, mposx: 360, mposy: 180, name:'intro', data: pics }; if(typeof $=='undefined') {function $(v) {return(document.getElementById(v));}} window.onload = function () { transm.add($("wrapper"),opts); }; function setup_scroller() { var obj=$('intro'),ele=$('images'); if(obj&&ele) {var tmp=''; for(var i=1; i<obj.data.length; i++) { tmp+='<img onclick="showImages();setOLTOut();transm.show($(\'intro\'),'+i+');" src="'+obj.data[i].source+'" title="jump to this chart" alt="" \/>'; } ele.innerHTML=tmp; ele=$('play'); if(ele) {ele.innerHTML='<span style="color:white;">stop</span>';} } } function scroll_Left(ele) { if(ele) {var par=ele.parentNode,obj=par.firstChild; if(obj&&obj.id=="images") { if(obj.timer) {window.clearInterval(obj.timer);} var x=parseFloat(obj.style.left)||0,w=obj.clientWidth,o=Math.min(x+8,0); if(x<0) {x=o; o=0; obj.timer=window.setInterval(function() {obj.style.left=x+'px'; o++; x+=o; if(!obj.timer||x>=0) {window.clearInterval(obj.timer);}},30); } } }return false; } function scroll_Right(ele) { if(ele) {var par=ele.parentNode,obj=par.firstChild; if(obj&&obj.id=="images") { if(obj.timer) {window.clearInterval(obj.timer);} var x=parseFloat(obj.style.left)||0,w=obj.clientWidth,p=par.clientWidth,m=(w-p)||0,o=Math.max(x-8,-m); if(x<=0&&x>-m) {x=o; o=0; obj.timer=window.setInterval(function() {obj.style.left=x+'px'; o++; x-=o; if(!obj.timer||x<=-m||x>=0) {window.clearInterval(obj.timer);}},30); } } }return false; } function stop_Scroll(ele) { if(ele) {var obj=ele.parentNode.firstChild; if(obj&&obj.id=="images") { if(obj.timer) {window.clearInterval(obj.timer);} } }return false; } function playStop(ele,id) {var obj=$(id); if(obj) {var stat=transm.get(obj,'playing'); if(stat) { transm.stop(obj); if(ele) {ele.innerHTML='<span>play</span>';} }else { if(ele) {ele.innerHTML='<span style="color:white;">stop</span>';} transm.play(obj); } }return false; } function showInfo(id) {var obj=$(id),ele=$('output'); if(obj) {var i=transm.info(obj); if(ele) { ele.style.visibility=(ele.style.visibility=='hidden'?'visible':'hidden'); ///////ele.innerHTML='trans: '+i.transition+'<br/>tween: '+i.tweening+'<br/>dur: '+i.duration+' ms<br/>fps: '+i.fps.toFixed(2); ele.innerHTML='<a href=kino.zip style="color:#FFFFFF">скачать архив</a>'; } }return false; } function setOpacity(stl,v) { stl.filter="alpha(opacity="+v+")"; stl.MozOpacity=v*0.01; stl.KhtmlOpacity=v*0.01; stl.opacity=v*0.01; return false; } function setOLTIn(str) {var ele=$('text'); if(ele) { if(ele.parentNode.style.visibility=='visible') { if(ele.timer) {window.clearInterval(ele.timer);} var o=0,c=0,p=15,s=6; setOpacity(ele.style,0); ele.innerHTML=str||''; ele.timer=window.setInterval(function() { o=p*c; setOpacity(ele.style,o); c++; if(c>s) {window.clearInterval(ele.timer); setOpacity(ele.style,100);} },25); }else {setOpacity(ele.style,100); ele.innerHTML=str||'';} }return false; } function setOLTOut(str) {var ele=$('text'); if(ele) { if(ele.parentNode.style.visibility=='visible') { if(ele.timer) {window.clearInterval(ele.timer);} var o=0,c=0,p=15,s=6; setOpacity(ele.style,100); ele.timer=window.setInterval(function() { o=100-(p*c); setOpacity(ele.style,o); c++; if(c>s) {window.clearInterval(ele.timer); setOpacity(ele.style,0); ele.innerHTML=' ';} },25); }else {setOpacity(ele.style,100); ele.innerHTML='';} }return false; } function showOverlay() {var ele=$('overlay'); if(ele) { ele.style.visibility=(ele.style.visibility=='hidden'?'visible':'hidden'); }return false; } function showImages() {var ele=$('thumbs'); if(ele) { ele.style.visibility=(ele.style.visibility=='hidden'?'visible':'hidden'); }return false; } </script> </head> <body> <div class="bgrnd"><div class="demo" id="wrapper"></div><div id="output" style="visibility:hidden;"></div> <div id="overlay" style="visibility:visible;"><div id="text"></div></div> <div id="thumbs" style="visibility:hidden;"><div id="images"></div> <a id="scroll_left" onmousedown="scroll_Left(this); return false;" onmouseup="stop_Scroll(this);" title="scroll left"></a> <a id="scroll_right" onmousedown="scroll_Right(this); return false;" onmouseup="stop_Scroll(this);" title="scroll right"></a> </div><div id="ctrl"> <button class="button" type="button" title="Goto first image" onclick="transm.first($('intro'));">first</button> <button class="button" type="button" title="Goto previous image" onclick="transm.prev($('intro'));">prev</button> <button class="button" type="button" title="Autoplay on|off" onclick="playStop(this,'intro');" id="play"><span>play</span></button> <button class="button" type="button" title="Goto next image" onclick="transm.next($('intro'));">next</button> <button class="button" type="button" title="Goto last image" onclick="transm.last($('intro'));">last</button> <button class="button" type="button" title="Switch overlay text on|off" onclick="showOverlay();"> ± </button> <button class="button" type="button" title="Switch last transition info on|off" onclick="showInfo('intro');"> ? </button> <button class="button" type="button" title="Switch image selector on|off" onclick="showImages();"> ! </button> </div></div> <div class="bottom"><style>.bottom {position:absolute;bottom:0px; left:40%}</style> <font style="font-size:12px;color:#CC6600;font-family:Arial;" onclick="location.href='http://www.03www.su/5.php'" title="для писем" target=_blank> Библиотека JAVASCRIPT 1997- <script src="god.js"></script> Дизайн и сопровождение © SE@RCHER</font> </div> </body> </html>