'; // Create the layer that will contain all generated content.
// Create the entire new background (background, corners and hover versions).
for(var h=(element.bStyle[1]?1:0); h>-1; h--) {
// Add a layer for switching backgrounds on mouseover if necessary.
innerHTML += '
';
// Add layers that automatically adjust to the parent width and height minus a given fixed offset.
// Makes use of a nifty little overflow trick, see if you can figure it out.
var bStyle = element.bStyle[h];
for(var b=(element.bStyle[h].borderWidth>0?1:0); b>-1; b--) {
// This neat little trick requires two layers, one has overflow: hidden and the other is nested inside that layer.
for(var r=1; r>-1; r--) {
var offset = new Array(2);
offset[r] = b?element.cStyle.radius:Math.max(element.cStyle.radius, element.borderWidth); // Small fix for elements of which the bordersize surpasses the radius.
offset[1-r] = (bStyle.borderWidth>0?(1-b)*element.borderWidth:0);
innerHTML += '
';
}
}
// Add rounded corners and close the (hover)background container.
innerHTML += genCorners(element, bStyle)+'
';
}
// Parent positiontype has to be at least relative, so that the absolutely positioned bg is rendered correctly.
if(!/absolute/.test(element.bStyle[0].getStyle(element.object, 'position')))
style.position = 'relative';
// Fix disappearing background if enclosed by parent with bg.
if(!isIE&&!(element.bStyle[0].getStyle(element.object, 'z-index')>0))
style.zIndex = 0;
// Remove the old background & border and add padding to make up for the border.
if(element.bStyle[0].borderWidth>0) {
var padding = '', position = ['left', 'bottom', 'right', 'top'];
for(var i=3; i>-1; --i)
padding += (element.borderWidth+element.bStyle[0].getStyle(element.object, 'padding-'+position[i]))+'px ';
style.padding = padding;
style.border = 'none';
}
style.background = 'none';
// Update the object with the new content lastly (slow, but at least it's faster than DOM).
element.object.innerHTML += innerHTML+'
';
// Insert divs that make up the corner.
if(element.cStyle.corners[type]&&radius>0) {
var table = getTable(radius, type),
pxPos = new Array(2);
for(var y=radius-1; y>-1; --y) {
for(var x=radius-1; x>-1; --x) {
// Go to next x if opacity is 0.
if(!table[x][y])
continue;
// Extract height and width, then calculate the position for the
.
for(var i=1; i>-1; --i)
pxPos[i] = (type==(3-2*i)||type==0||table[x][y]!=1?radius-1:0)-(i==0?x:y);
// Add a pixel row/column.
corner += '
';
}
}
}
corners += corner+'
';
}
}
return corners;
}
function getTable(radius, type) {
var table = tables[radius+''+type];
if(!table) {
var flip = !tables[radius+'0']?genTable(radius):tables[radius+'0'];
table = new Array(radius);
for(var x=radius-1; x>-1; --x) {
table[x] = new Array(radius);
for(var y=radius-1; y>-1; --y)
table[x][y] = flip[type==2||type==1?radius-1-x:x][type==2||type==3?radius-1-y:y];
}
}
return table;
}
function genTable(radius) {
// Calculates the area under the top half of a circle (0,0,radius) for [0..x].
function integral(radius, x) {
var ratio = x/radius;
return 0.5*radius*(x*Math.sqrt(1-Math.pow(ratio, 2))+radius*Math.asin(ratio));
}
// Initialize vars.
var bulk = Math.round(radius/Math.sqrt(2))-1, // The amount of whole squares that fit into the radius.
table = new Array(),
pxPos = new Array(2),
opacity;
// Fill in the table.
for(var x=radius-1; x>-1; --x)
table.push(new Array(radius));
for(var y=radius-1; y>=bulk; --y) {
for(var x=bulk; x>-1; --x) {
// Calculate the opacity for the current pixel w/o approximations.
if(that.antialias) {
// Calculates the positions where the circle intersects with the pixel boundaries.
for(var i=0; i<2; i++)
pxPos[i] = Math.max(x, Math.min(x+1, radius*Math.sqrt(1-Math.pow((y+1-i)/radius, 2))));
opacity = Math.round(100*((pxPos[0]>x)*(1-(pxPos[1]-pxPos[0]))+(pxPos[0]!=pxPos[1]?integral(radius, pxPos[1])-integral(radius, pxPos[0])-y*(pxPos[1]-pxPos[0]):0)))/100;
}
else
opacity = (x+0.5)*Math.sqrt(1+Math.pow((y+0.5)/(x+0.5), 2))<=radius?1:0;
// Skip fully transparent pixels.
if(opacity==0)
continue;
// Update the table based on the pixel coordinates and opacity.
table[x][y] = opacity;
table[y][x] = opacity;
// All other pixels in this row||column will also be opaque.
if(opacity==1)
break;
}
}
return table;
}
//--- end functions ---//
};
//--- END OBJECTS ---//