/**
 * instant.js 2.4 (10-Aug-2010)
 * (c) by Christian Effenberger 
 * All Rights Reserved
 * Source: instant.netzgesta.de
 * Distributed under Netzgestade Software License Agreement
 * http://www.netzgesta.de/cvi/LICENSE.txt
 * License permits free of charge
 * use on non-commercial and 
 * private web sites only 
**/

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);