Библиотека Javascript SE@RCHER

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>
<head>
<title>Фото с оригинальным обрамлением и наклоном вправо (влево) Большое фото открывается с фаден-эффектом (instant.js)  Библиотека Netzgestade</title>
	<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
	<script type="text/javascript">
	/**
 * instant.js  * (c) by Christian Effenberger */
var tmp=navigator.appName=='Microsoft Internet Explorer'&&navigator.userAgent.indexOf('Opera')<1?1:0;if(tmp)var isIE=document.namespaces&&(!document.documentMode||document.documentMode<9)?1:0;if(isIE){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(var i=0;i<e.length;i++){s.addRule("v\\:"+e[i],"behavior: url(#default#VML);");}document.namespaces.add("v","urn:schemas-microsoft-com:vml");}}
function getImages(className){var children=document.getElementsByTagName('img');var elements=new Array();var i=0;var child;var classNames;var j=0;for(i=0;i<children.length;i++){child=children[i];classNames=child.className.split(' ');for(var j=0;j<classNames.length;j++){if(classNames[j]==className){elements.push(child);break;}}}
return elements;}
function getClasses(classes,string){var temp='';for(var j=0;j<classes.length;j++){if(classes[j]!=string){if(temp){temp+=' '}
temp+=classes[j];}}
return temp;}
function getClassValue(classes,string){var temp=0;var pos=string.length;for(var j=0;j<classes.length;j++){if(classes[j].indexOf(string)==0){temp=Math.min(classes[j].substring(pos),100);break;}}
return Math.max(0,temp);}
function getClassColor(classes,string){var temp=0;var str='';var pos=string.length;for(var j=0;j<classes.length;j++){if(classes[j].indexOf(string)==0){temp=classes[j].substring(pos);str='#'+temp.toLowerCase();break;}}
if(str.match(/^#[0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f][0-9a-f]$/i)){return str;}else{return 0;}}
function getClassAttribute(classes,string){var temp=0;var pos=string.length;for(var j=0;j<classes.length;j++){if(classes[j].indexOf(string)==0){temp=1;break;}}
return temp;}
function addShading(ctx,x,y,width,height,opacity){var style=ctx.createLinearGradient(0,y,0,y+height);style.addColorStop(0,'rgba(0,0,0,'+(opacity/2)+')');style.addColorStop(0.3,'rgba(0,0,0,0)');style.addColorStop(0.7,'rgba(254,254,254,0)');style.addColorStop(1,'rgba(254,254,254,'+(opacity)+')');ctx.beginPath();ctx.rect(x,y,width,height);ctx.closePath();ctx.fillStyle=style;ctx.fill();}
function addLining(ctx,x,y,width,height,opacity,inset,inner,color){var style=ctx.createLinearGradient(x,y,width,height);if(inner==true){style.addColorStop(0,'rgba(192,192,192,'+opacity+')');style.addColorStop(0.7,'rgba(254,254,254,0.8)');style.addColorStop(1,'rgba(254,254,254,0.9)');}else{if(color=='#f0f4ff'){style.addColorStop(0,'rgba(254,254,254,0.9)');style.addColorStop(0.3,'rgba(254,254,254,0.8)');style.addColorStop(1,'rgba(192,192,192,0)');}else{style.addColorStop(0,'rgba(254,254,254,0)');style.addColorStop(1,'rgba(192,192,192,0)');}}
ctx.strokeStyle=style;ctx.lineWidth=inset;ctx.beginPath();ctx.rect(x,y,width,height);ctx.closePath();ctx.stroke();}
function addRadialStyle(ctx,x1,y1,r1,x2,y2,r2,opacity){var tmp=ctx.createRadialGradient(x1,y1,r1,x2,y2,r2);var opt=Math.min(parseFloat(opacity+0.1),1.0);tmp.addColorStop(0,'rgba(0,0,0,'+opt+')');tmp.addColorStop(0.25,'rgba(0,0,0,'+opacity+')');tmp.addColorStop(1,'rgba(0,0,0,0)');return tmp;}
function addLinearStyle(ctx,x,y,w,h,opacity){var tmp=ctx.createLinearGradient(x,y,w,h);var opt=Math.min(parseFloat(opacity+0.1),1.0);tmp.addColorStop(0,'rgba(0,0,0,'+opt+')');tmp.addColorStop(0.25,'rgba(0,0,0,'+opacity+')');tmp.addColorStop(1,'rgba(0,0,0,0)');return tmp;}
function tiltShadow(ctx,x,y,width,height,radius,opacity,round){var style,f=round?2.5:1.25,t=round?3.5:2.25;ctx.fillStyle="rgba(0,0,0,"+(opacity*1.2)+")";ctx.beginPath();ctx.rect(x+radius,y+height-y-y,width-(radius*t),y);ctx.closePath();ctx.fill();ctx.beginPath();ctx.rect(x+width-x-x,y,radius,radius);ctx.closePath();style=addLinearStyle(ctx,x+width-x-x,y+radius,x+width-x-x,y,opacity);ctx.fillStyle=style;ctx.fill();ctx.beginPath();ctx.rect(x,y+height-y-y,radius,radius);ctx.closePath();style=addLinearStyle(ctx,x+radius,y+height-y-y,x,y+height-y-y,opacity);ctx.fillStyle=style;ctx.fill();ctx.beginPath();ctx.moveTo(x+width-x-x,y+radius);ctx.lineTo(x+width-x,y+radius);ctx.quadraticCurveTo(x+width-x-x,y+(height/2),x+width-x,y+height-(radius*f));ctx.lineTo(x+width-x-x,y+height-(radius*f));ctx.quadraticCurveTo(x+width-(x*3),y+(height/2),x+width-x-x,y+radius);ctx.closePath();ctx.fill();ctx.beginPath();ctx.rect(x,y+height-radius,radius,radius);ctx.closePath();style=addRadialStyle(ctx,x+radius,y+height-radius,radius-x,x+radius,y+height-radius,radius,opacity);ctx.fillStyle=style;ctx.fill();ctx.beginPath();ctx.rect(x+radius,y+height-y,width-(radius*t),y);ctx.closePath();style=addLinearStyle(ctx,x+radius,y+height-y,x+radius,y+height,opacity);ctx.fillStyle=style;ctx.fill();ctx.beginPath();ctx.rect(x+width-(radius*f),y+height-(radius*f),radius*f,radius*f);ctx.closePath();style=addRadialStyle(ctx,x+width-(radius*f),y+height-(radius*f),Math.max(0,(radius*f)-1.5-x),x+width-(radius*f),y+height-(radius*f),radius*f,opacity);ctx.fillStyle=style;ctx.fill();ctx.beginPath();ctx.moveTo(x+width-x,y+radius);ctx.lineTo(x+width,y+radius);ctx.quadraticCurveTo(x+width-x,y+(height/2),x+width,y+height-(radius*f));ctx.lineTo(x+width-x,y+height-(radius*f));ctx.quadraticCurveTo(x+width-(x*2),y+(height/2),x+width-x,y+radius);ctx.closePath();style=addLinearStyle(ctx,x+width-x,y+radius,x+width,y+radius,opacity);ctx.fillStyle=style;ctx.fill();ctx.beginPath();ctx.rect(x+width-radius,y,radius,radius);ctx.closePath();style=addRadialStyle(ctx,x+width-radius,y+radius,radius-x,x+width-radius,y+radius,radius,opacity);ctx.fillStyle=style;ctx.fill();}
function getRadius(radius,width,height){var part=(Math.min(width,height)/100);radius=Math.max(Math.min(100,radius/part),0);return radius+'%';}
function wavedRect(ctx,x,y,w,h,r,n){function rF(a,z){return Math.random()*(z-a)+a;};var i,t,c,cx,cy,cw,ch,wa=w/16,wz=w/32,ha=h/16,hz=h/32,da=r*0.1,dz=r*0.25;if(!n){ctx.beginPath();}ctx.moveTo(x,y);cx=x;cy=y;ch=h;while(ch>0){t=rF(ha,Math.min(ch,hz));c=rF(1,t);ctx.quadraticCurveTo(cx+rF(da,dz),cy+c,cx,cy+t);cy+=t;ch-=t;}
cx=x;cy=y+h;cw=w;while(cw>0){t=rF(wa,Math.min(cw,wz));c=rF(1,t);ctx.quadraticCurveTo(cx+c,cy-rF(da,dz),cx+t,cy);cx+=t;cw-=t;}
cx=x+w;cy=y+h;ch=h;while(ch>0){t=rF(ha,Math.min(ch,hz));c=rF(1,t);ctx.quadraticCurveTo(cx-rF(da,dz),cy-c,cx,cy-t);cy-=t;ch-=t;}
cx=x+w;cy=y;cw=w;while(cw>0){t=rF(wa,Math.min(cw,wz));c=rF(1,t);ctx.quadraticCurveTo(cx-c,cy+rF(da,dz),cx-t,cy);cx-=t;cw-=t;}
if(!n)ctx.closePath();}
function wavedPath(x,y,w,h,r){function rI(a,b){return parseInt(Math.floor(Math.random()*(b-a+1))+a);};function qC(cX,cY,CPx,CPy,aX,aY){var z=new Array(6);z[0]=cX+2.0/3.0*(CPx-cX);z[1]=cY+2.0/3.0*(CPy-cY);z[2]=z[0]+(aX-cX)/3.0;z[3]=z[1]+(aY-cY)/3.0;z[4]=aX;z[5]=aY;return z;}
var p="",i,k,t,c,cx,cy,cw,ch,wa=w/16,wz=w/32,ha=h/16,hz=h/32,da=r*0.1,dz=r*0.25;p+='m '+x+','+y;cx=x;cy=y;ch=h;while(ch>0){t=rI(ha,Math.min(ch,hz));c=rI(1,t);k=qC(cx,cy,cx+rI(da,dz),cy+c,cx,cy+t);p+=' c '+parseInt(k[0])+','+Math.min(h,parseInt(k[1]))+','+parseInt(k[2])+','+Math.min(h,parseInt(k[3]))+','+parseInt(k[4])+','+Math.min(h,parseInt(k[5]));cy+=t;ch-=t;}
cx=x;cy=y+h;cw=w;while(cw>0){t=rI(wa,Math.min(cw,wz));c=rI(1,t);k=qC(cx,cy,cx+c,cy-rI(da,dz),cx+t,cy);p+=' c '+Math.min(w,parseInt(k[0]))+','+parseInt(k[1])+','+Math.min(w,parseInt(k[2]))+','+parseInt(k[3])+','+Math.min(w,parseInt(k[4]))+','+parseInt(k[5]);cx+=t;cw-=t;}
cx=x+w;cy=y+h;ch=h;while(ch>0){t=rI(ha,Math.min(ch,hz));c=rI(1,t);k=qC(cx,cy,cx-rI(da,dz),cy-c,cx,cy-t);p+=' c '+parseInt(k[0])+','+Math.max(0,parseInt(k[1]))+','+parseInt(k[2])+','+Math.max(0,parseInt(k[3]))+','+parseInt(k[4])+','+Math.max(0,parseInt(k[5]));cy-=t;ch-=t;}
cx=x+w;cy=y;cw=w;while(cw>0){t=rI(wa,Math.min(cw,wz));c=rI(1,t);k=qC(cx,cy,cx-c,cy+rI(da,dz),cx-t,cy);p+=' c '+Math.max(0,parseInt(k[0]))+','+parseInt(k[1])+','+Math.max(0,parseInt(k[2]))+','+parseInt(k[3])+','+Math.max(0,parseInt(k[4]))+','+parseInt(k[5]);cx-=t;cw-=t;}
return p+' x e';}
function roundedRect(ctx,x,y,width,height,radius,nopath){if(!nopath)ctx.beginPath();ctx.moveTo(x,y+radius);ctx.lineTo(x,y+height-radius);ctx.quadraticCurveTo(x,y+height,x+radius,y+height);ctx.lineTo(x+width-radius,y+height);ctx.quadraticCurveTo(x+width,y+height,x+width,y+height-radius);ctx.lineTo(x+width,y+radius);ctx.quadraticCurveTo(x+width,y,x+width-radius,y);ctx.lineTo(x+radius,y);ctx.quadraticCurveTo(x,y,x,y+radius);if(!nopath)ctx.closePath();}
function addIEInstant(){var theimages=getImages('instant');var image;var object;var vml;var display;var border=16;var offset=8;var scale=1;var icolor='';var ishadow=0;var noshading;var itiltright;var itiltnone;var itiltleft;var itxttitle;var itxtalt;var itxtcol;var text="";var color='';var tilt='r';var opacity=0;var tw;var preserve,tcolor,head,foot,frame,fill,shadow,shade,txt,over,shine;var classes='';var newClasses='';var path,historical,nocorner;var inset=6;var i,f,r,db,hz,flt,ww,hh,ff,yo,xo;for(i=0;i<theimages.length;i++){image=theimages[i];object=image.parentNode;historical=0;itxtalt=0;itxttitle=0;text="";tcolor='#000000';nocorner=0;opacity=0.33;color='#f0f4ff';preserve=0;path="";over="";txt="";itiltright=0;itiltnone=0;itiltleft=0;noshading=0;if(image.width>=64&&image.height>=64){classes=image.className.split(' ');ishadow=getClassValue(classes,"ishadow");if(ishadow>0)opacity=ishadow/100;icolor=getClassColor(classes,"icolor");if(icolor!=0)color=icolor;itxtcol=getClassColor(classes,"itxtcol");if(itxtcol!=0)tcolor=itxtcol;itxttitle=getClassAttribute(classes,"itxttitle");itxtalt=getClassAttribute(classes,"itxtalt");itiltleft=getClassAttribute(classes,"itiltleft");itiltright=getClassAttribute(classes,"itiltright");itiltnone=getClassAttribute(classes,"itiltnone");historical=getClassAttribute(classes,"historical");noshading=getClassAttribute(classes,"noshading");nocorner=getClassAttribute(classes,"nocorner");preserve=getClassAttribute(classes,"preserve");if(historical==true)nocorner=false;if(itiltright==true)tilt='r';if(itiltnone==true)tilt='n';if(itiltleft==true)tilt='l';newClasses=getClasses(classes,"instant");width=image.width;height=image.height;border=Math.round(((width+height)/2)*0.05);db=border;offset=border/2;inset=parseInt(offset*.75);ww=width-(border*2);hh=height-(border*2);hz=Math.round(hh/3);f=(noshading==0?"t":"f");r=nocorner?getRadius(border,width,height):0;if(tilt=='r'){rotation=2.8;scale=0.95;tilt='n';}else if(tilt=='n'){rotation=0;scale=1;tilt='l';}else if(tilt=='l'){rotation=-2.8;scale=0.95;tilt='r';}
display=(image.currentStyle.display.toLowerCase()=='block')?'block':'inline-block';vml=document.createElement(['<var style="zoom:1;overflow:hidden;display:'+display+';width:'+width+'px;height:'+height+'px;padding:0px;">'].join(''));flt=image.currentStyle.styleFloat.toLowerCase();display=(flt=='left'||flt=='right')?'inline':display;text=image.alt!=''&&itxtalt!=0?image.alt:image.title!=''&&itxttitle!=0?image.title:'';head='<v:group style="rotation:'+rotation+'; zoom:'+scale+'; display:'+display+'; margin:-1px 0 0 -1px; padding:0px; position:relative; width:'+width+'px;height:'+height+'px;" coordsize="'+width+','+height+'"><v:rect strokeweight="0" filled="f" stroked="f" fillcolor="transparent" style="zoom:1;margin:0px;padding:0px;display:block;position:absolute;top:0px;left:0px;width:'+width+'px;height:'+height+'px;"><v:fill opacity="0" color="#000000" /></v:rect>';shadow='<v:roundrect arcsize="'+r+'" strokeweight="0" filled="t" stroked="f" fillcolor="#000000" style="filter:progid:dxImageTransform.Microsoft.Blur(PixelRadius='+inset+', MakeShadow=false) progid:dxImageTransform.Microsoft.Alpha(opacity='+(opacity*100)+'); zoom:1;margin:0px;padding:0px;display:block;position:absolute;top:'+offset+'px;left:'+offset+'px;width:'+(width-(2*offset))+'px;height:'+(height-(2*offset))+'px;"><v:fill color="#000000" opacity="1" /></v:roundrect>';if(historical==0){frame='<v:roundrect arcsize="'+r+'" strokeweight="0" filled="t" stroked="f" fillcolor="'+color+'" style="zoom:1;margin:0px;padding:0px;display:block;position:absolute;top:0px;left:0px;width:'+(width-offset)+'px;height:'+(height-offset)+'px;"></v:roundrect>';}else{path=wavedPath(0,0,(width-offset)*10,(height-offset)*10,border*10);frame='<v:shape strokeweight="0" stroked="f" filled="t" fillcolor="'+color+'" coordorigin="0,0" coordsize="'+((width-offset)*10)+','+((height-offset)*10)+'" path="'+path+'" style="zoom:1;margin:0px;padding:0px;display:block;position:absolute;top:0px;left:0px;width:'+(width-offset)+'px;height:'+(height-offset)+'px;"></v:shape>';}
shine='<v:rect strokeweight="0" filled="t" stroked="f" fillcolor="'+color+'" style="zoom:1;margin:0px;padding:0px;display:block;position:absolute;top:'+db+'px;left:'+db+'px;width:'+(width-offset-(2*border))+'px;height:'+(height-offset-(2*border))+'px;"><v:fill color="#000000" opacity="'+opacity+'" /></v:rect>';if(typeof check_strokeTextCapability=='function'&&check_strokeTextCapability()&&text!=''){over='<v:rect strokeweight="0" filled="t" stroked="f" fillcolor="'+color+'" style="zoom:1;margin:0px;padding:0px;display:block;position:absolute;left:'+(border-1)+'px;top:'+(height-1-offset-(border*(document.documentMode==8&&rotation!=0?4:3)))+'px;width:'+(width-offset+2-(border*2))+'px;height:'+(border*3)+'px;"></v:rect>';text=get_widthText(text,ww,border*1.5,100,100);tw=get_textWidth(text,border*1.5,100,100);txt=get_strokeText(text,((width-offset)-tw)/2,height-offset-(border*(document.documentMode==8&&rotation!=0?3.4:2.4)),border*1.5,100,100,100,"sans-serif",tcolor,1,0);shade='<v:rect strokeweight="0" filled="'+f+'" stroked="f" fillcolor="transparent" style="zoom:1;margin:0px;padding:0px;display:block;position:absolute;top:'+db+'px;left:'+db+'px;width:'+(width-offset-(2*border))+'px;height:'+hz+'px;"><v:fill method="sigma" type="gradient" angle="0" color="#000000" opacity="0" color2="#000000" o:opacity2="'+(opacity/2)+'" /></v:rect><v:rect strokeweight="0" filled="'+f+'" stroked="f" fillcolor="transparent" style="zoom:1;margin:0px;padding:0px;display:block;position:absolute;top:'+(height-offset-(border*3)-hz)+'px;left:'+border+'px;width:'+(width-offset-(2*border))+'px;height:'+hz+'px;"><v:fill method="sigma" type="gradient" angle="0" color="#ffffff" opacity="'+(opacity*0.75)+'" color2="#ffffff" o:opacity2="0" /></v:rect><v:rect strokeweight="2" filled="f" stroked="t" strokecolor="'+color+'" fillcolor="transparent" style="zoom:1;margin:0px;padding:0px;display:block;position:absolute;top:'+border+'px;left:'+border+'px;width:'+(width-offset-(2*border))+'px;height:'+(height-offset-(4*border))+'px;"><v:fill color="#ffffff" opacity="0" /></v:rect>';}else{shade='<v:rect strokeweight="0" filled="'+f+'" stroked="f" fillcolor="transparent" style="zoom:1;margin:0px;padding:0px;display:block;position:absolute;top:'+db+'px;left:'+db+'px;width:'+(width-offset-(2*border))+'px;height:'+hz+'px;"><v:fill method="sigma" type="gradient" angle="0" color="#000000" opacity="0" color2="#000000" o:opacity2="'+(opacity/2)+'" /></v:rect><v:rect strokeweight="0" filled="'+f+'" stroked="f" fillcolor="transparent" style="zoom:1;margin:0px;padding:0px;display:block;position:absolute;top:'+(height-offset-border-hz)+'px;left:'+border+'px;width:'+(width-offset-(2*border))+'px;height:'+hz+'px;"><v:fill method="sigma" type="gradient" angle="0" color="#ffffff" opacity="'+(opacity*0.75)+'" color2="#ffffff" o:opacity2="0" /></v:rect><v:rect strokeweight="2" filled="f" stroked="t" strokecolor="'+color+'" fillcolor="transparent" style="zoom:1;margin:0px;padding:0px;display:block;position:absolute;top:'+border+'px;left:'+border+'px;width:'+(width-offset-(2*border))+'px;height:'+(height-offset-(2*border))+'px;"><v:fill color="#ffffff" opacity="0" /></v:rect>';}
if(preserve==0){fill='<v:image src="'+image.src+'" style="zoom:1;margin:0px;padding:0px;display:block;position:absolute;top:'+db+'px;left:'+db+'px;width:'+(width-offset-(2*border))+'px;height:'+(height-offset-(2*border))+'px;"></v:image>';}else{if(width>height){ff=(height/width);xo=0;yo=((ww*ff)-hh)/2;hh=(ww*ff);yo=(yo/(hh/100));}else if(width<height){ff=(width/height);yo=0;xo=((hh*ff)-ww)/2;ww=(hh*ff);xo=(xo/(ww/100));}else{ff=1;xo=0;yo=0;}
fill='<v:image croptop="'+yo+'%" cropbottom="'+yo+'%" cropleft="'+xo+'%" cropright="'+xo+'%" src="'+image.src+'" style="zoom:1;margin:0px;padding:0px;display:block;position:absolute;top:'+db+'px;left:'+db+'px;width:'+(width-offset-(2*border))+'px;height:'+(height-offset-(2*border))+';px"></v:image>';}
foot='</v:group>';vml.innerHTML=head+shadow+frame+shine+fill+shade+over+txt+foot;vml.className=newClasses;vml.style.cssText=image.style.cssText;vml.style.visibility='visible';vml.src=image.src;vml.alt=image.alt;vml.width=image.width;vml.height=image.height;if(image.id!='')vml.id=image.id;if(image.title!='')vml.title=image.title;if(image.getAttribute('onclick')!='')vml.setAttribute('onclick',image.getAttribute('onclick'));object.replaceChild(vml,image);}}}
function addInstant(){var theimages=getImages('instant');var image;var object;var canvas;var context;var border=16;var offset=8;var inset=2;var icolor='';var ishadow=0;var noshading;var itiltright;var itiltnone;var itiltleft;var itxttitle;var itxtalt;var itxtcol;var text="";var tw;var color='';var tilt='r';var opacity=0;var db;var classes='';var newClasses='';var style='';var scale=0;var xscale=1;var yscale=1;var i,ww,hh,ff,yo,xo,tcolor,nocorner,historical,preserve;for(i=0;i<theimages.length;i++){image=theimages[i];object=image.parentNode;canvas=document.createElement('canvas');historical=0;itxtalt=0;itxttitle=0;text="";tcolor='#000000';opacity=0.33;color='#f0f4ff';preserve=0;nocorner=0;itiltright=0;itiltnone=0;itiltleft=0;noshading=0;if(canvas.getContext&&image.width>=64&&image.height>=64){classes=image.className.split(' ');ishadow=getClassValue(classes,"ishadow");if(ishadow>0)opacity=ishadow/100;icolor=getClassColor(classes,"icolor");if(icolor!=0)color=icolor;itiltleft=getClassAttribute(classes,"itiltleft");itiltright=getClassAttribute(classes,"itiltright");itiltnone=getClassAttribute(classes,"itiltnone");itxtcol=getClassColor(classes,"itxtcol");if(itxtcol!=0)tcolor=itxtcol;itxttitle=getClassAttribute(classes,"itxttitle");itxtalt=getClassAttribute(classes,"itxtalt");historical=getClassAttribute(classes,"historical");noshading=getClassAttribute(classes,"noshading");nocorner=getClassAttribute(classes,"nocorner");preserve=getClassAttribute(classes,"preserve");if(historical==true)nocorner=false;if(itiltright==true)tilt='r';if(itiltnone==true)tilt='n';if(itiltleft==true)tilt='l';newClasses=getClasses(classes,"instant");canvas.className=newClasses;canvas.style.cssText=image.style.cssText;canvas.style.height=image.height+'px';canvas.style.width=image.width+'px';canvas.height=image.height;canvas.width=image.width;canvas.src=image.src;canvas.alt=image.alt;if(image.id!='')canvas.id=image.id;if(image.title!='')canvas.title=image.title;if(image.getAttribute('onclick')!='')canvas.setAttribute('onclick',image.getAttribute('onclick'));text=canvas.alt!=''&&itxtalt!=0?canvas.alt:canvas.title!=''&&itxttitle!=0?canvas.title:'';border=Math.round(((canvas.width+canvas.height)/2)*0.05);db=Math.round(Math.max(canvas.width,canvas.height)*0.05);offset=border/2;ww=canvas.width-(border*2);hh=canvas.height-(border*2);inset=Math.floor(Math.min(Math.max(border/8,1),2));if(canvas.width>canvas.height){xscale=0.05;yscale=xscale*(canvas.width/canvas.height);}else if(canvas.width<canvas.height){yscale=0.05;xscale=yscale*(canvas.height/canvas.width);}else{xscale=0.05;yscale=0.05;}
context=canvas.getContext("2d");object.replaceChild(canvas,image);context.clearRect(0,0,canvas.width,canvas.height);context.save();scale=1.333333;if(tilt=='r'){context.translate(db,0);context.scale(1-(scale*xscale),1-(scale*yscale));context.rotate(0.05);tilt='n';}else if(tilt=='n'){scale=1.5;tilt='l';context.scale(1-(xscale/scale),1-(yscale/scale));}else if(tilt=='l'){context.translate(0,db);context.scale(1-(scale*xscale),1-(scale*yscale));context.rotate(-0.05);tilt='r';}
tiltShadow(context,offset,offset,canvas.width,canvas.height,offset,opacity,nocorner);if(historical==1){wavedRect(context,0,0,canvas.width,canvas.height,border);context.clip();}else
if(nocorner==1){roundedRect(context,0,0,canvas.width,canvas.height,border);context.clip();}
context.fillStyle=color;context.fillRect(0,0,canvas.width,canvas.height);context.fillStyle='rgba(0,0,0,'+opacity+')';context.fillRect(border,border,canvas.width-(border*2),canvas.height-(border*2));if(!window.opera)addLining(context,1.5,1.5,canvas.width-3,canvas.height-3,opacity,inset,false,color);if(preserve==0){context.drawImage(image,border,border,canvas.width-(border*2),canvas.height-(border*2));}else{if(canvas.width>canvas.height){ff=(canvas.height/canvas.width);xo=0;yo=((ww*ff)-hh)/2;hh=(ww*ff);}else if(canvas.width<canvas.height){ff=(canvas.width/canvas.height);yo=0;xo=((hh*ff)-ww)/2;ww=(hh*ff);}else{ff=1;xo=0;yo=0;}
context.save();context.beginPath();context.rect(border,border,ww-(2*xo),hh-(2*yo));context.closePath();context.clip();context.drawImage(image,border-xo,border-yo,ww,hh);context.restore();}
if(typeof set_textRenderContext=='function'&&text!=''){set_textRenderContext(context);if(check_textRenderContext(context)){context.save();context.beginPath();context.rect(1,canvas.height-(border*3),canvas.width-2,(border*3));context.closePath();context.fillStyle=color;context.fill();context.restore();if(noshading==0)addShading(context,border,border,canvas.width-(border*2),canvas.height-(border*4),opacity);if(!window.opera)addLining(context,border,border,canvas.width-(border*2),canvas.height-(border*4),opacity,inset,true);context.strokeStyle=tcolor;text=get_widthText(text,ww,border*1.5,100,100);tw=get_textWidth(text,border*1.5,100,100);context.strokeText(text,border+((ww-tw)/2),canvas.height-(border*2.4),border*1.5,100,100,100);}}else{if(noshading==0)addShading(context,border,border,canvas.width-(border*2),canvas.height-(border*2),opacity);if(!window.opera)addLining(context,border,border,canvas.width-(border*2),canvas.height-(border*2),opacity,inset,true);}
context.restore();canvas.style.visibility='visible';}}}
if(window.addEventListener)window.addEventListener("load",addInstant,false);else window.attachEvent("onload",addIEInstant);
	</script>
<style type="text/css">
.demo { float: left; padding: 10px; }
.demoPopup {MARGIN: 0px auto; WIDTH: 520; BACKGROUND: none transparent scroll repeat 0% 0%}
.demoPopup P {MARGIN: 0px 10px;PADDING-BOTTOM: 0.5em}
.demoPopup .top {DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 1px}
.demoPopup .bottom {DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 2px}
.demoPopup .b1 {BORDER-LEFT: #000 2px solid; DISPLAY: block; BACKGROUND: #CCC; HEIGHT: 2px; OVERFLOW: hidden; BORDER-RIGHT: #000 1px solid}
.demoPopup .b2 {BORDER-LEFT: #000 2px solid; DISPLAY: block; BACKGROUND: #CCC; HEIGHT: 2px; OVERFLOW: hidden; BORDER-RIGHT: #000 1px solid}
.demoPopup .b3 {BORDER-LEFT: #000 2px solid; DISPLAY: block; BACKGROUND: #CCC; HEIGHT: 2px; OVERFLOW: hidden; BORDER-RIGHT: #000 1px solid}
.demoPopup .b4 {BORDER-LEFT: #000 2px solid; DISPLAY: block; BACKGROUND: #CCC; HEIGHT: 2px; OVERFLOW: hidden; BORDER-RIGHT: #000 1px solid}
.demoPopup .b5 {BORDER-LEFT: #000 2px solid; DISPLAY: block; BACKGROUND: #CCC; HEIGHT: 2px; OVERFLOW: hidden; BORDER-RIGHT: #000 1px solid}
.demoPopup .b1 {MARGIN: 0px 5px; BACKGROUND: #000}
.demoPopup .b2 {MARGIN: 0px 4px}
.demoPopup .b3 {MARGIN: 0px 3px}
.demoPopup .b4 {MARGIN: 0px 2px}
.demoPopup .b5 {MARGIN: 0px 1px}
.demoPopup .demoPopupbody {BORDER-LEFT: #000 2px solid; DISPLAY: block; BACKGROUND: #CCC; BORDER-RIGHT: #000 2px solid;}
</style>
<style type = "text/css">
.demoPopup {border: solid 0px #FFF;font-family: Tahoma; font-size: 12px;display: none; position: absolute; width: 520px; z-index: 60;}
.demoPopuptitle {background: blue;color: white;font-weight: bold; height: 15px; padding: 5px;}
.demoPopupbody {background: #ddd;padding: 0px; text-align: center;}
#demoPopup1, #demoPopup2, #demoPopup3, #demoPopup4, #demoPopup5, #demoPopup6{top: 10px;left: 50px;}
</style>