// *** Copyright 2007, 2008 by Burt Petrescue. Used with permission
/*
required-images: s.gif
required-js:

result is panel html with specified width but usable inner space is width-6
*/

function generateborder(html,width,clr_in,clr_in2,clr_out){
 var x='';
 x+=dostrip(width,1,10,0,clr_out,clr_out);
 x+=dostrip(width,1,7,0,clr_out,clr_out);
 x+=dostrip(width,1,5,0,clr_out,clr_out);
 x+=dostrip(width,1,4,6,clr_mix('#FFFFFF',clr_in,.25),clr_out);
 x+=dostrip(width,1,3,5,clr_mix('#FFFFFF',clr_in,.40),clr_out);
 x+=dostrip(width,1,2,4,clr_mix('#FFFFFF',clr_in,.55),clr_out);
 x+=dostrip(width,1,2,3,clr_mix('#FFFFFF',clr_in,.70),clr_out);
 x+=dostrip(width,2,1,3,clr_mix('#FFFFFF',clr_in,.85),clr_out);
 x+='<div style="border:solid '+clr_out+';border-width:0 3px;">'+html+'</div>'
 x+=dostrip(width,2,1,3,clr_mix(clr_out,clr_in2,.98),clr_out);
 x+=dostrip(width,1,2,3,clr_mix(clr_out,clr_in2,.95),clr_out);
 x+=dostrip(width,1,2,4,clr_mix(clr_out,clr_in2,.90),clr_out);
 x+=dostrip(width,1,3,5,clr_mix(clr_out,clr_in2,.83),clr_out);
 x+=dostrip(width,1,4,6,clr_mix(clr_out,clr_in2,.73),clr_out);
 x+=dostrip(width,1,5,0,clr_out,clr_out);
 x+=dostrip(width,1,7,0,clr_out,clr_out);
 x+=dostrip(width,1,10,0,clr_out,clr_out);
/* x+=dostrip(width,1,10,0,clr_out,clr_out);
 x+=dostrip(width,1,6,4,clr_in,clr_out);
 x+=dostrip(width,1,4,2,clr_in,clr_out);
 x+=dostrip(width,1,3,1,clr_in,clr_out);
 x+=dostrip(width,1,2,1,clr_in,clr_out);
 x+=dostrip(width,3,1,1,clr_in,clr_out);
 x+='<div style="border:solid '+clr_out+';border-width:0px 1px;">'+html+'</div>'
 x+=dostrip(width,3,1,1,clr_in2,clr_out);
 x+=dostrip(width,1,2,1,clr_in2,clr_out);
 x+=dostrip(width,1,3,1,clr_in2,clr_out);
 x+=dostrip(width,1,4,2,clr_in2,clr_out);
 x+=dostrip(width,1,6,4,clr_in2,clr_out);
 x+=dostrip(width,1,10,0,clr_out,clr_out);*/
 return x;
 function dostrip(width,height,indent,outsize,clr_in,clr_out){
  var x='';
  x+='<table cellpadding=0 cellspacing=0><tr>';
  x+='<td style="width:'+indent+'px;height:'+height+'px;font-size:1px;line-height:1px;"></td>';
  if (outsize>0)
   x+='<td style="width:'+outsize+'px;height:'+height+'px;font-size:1px;line-height:1px;background:'+clr_out+'"></td>';
  x+='<td style="width:'+(width-indent*2-outsize*2)+'px;height:'+height+'px;font-size:1px;line-height:1px;background:'+clr_in+'"></td>';
  if (outsize>0)
    x+='<td style="width:'+outsize+'px;height:'+height+'px;font-size:1px;line-height:1px;background:'+clr_out+'"></td>';
  x+='<td style="width:'+indent+'px;height:'+height+'px;font-size:1px;line-height:1px;"></td>';
  x+='</tr></table>';
  return x;
 }
}