var JCaption = new Class({
initialize: function(selector)
{
this.selector = selector;
var images = $$(selector);
images.each(function(image){ this.createCaption(image); }, this);
},
createCaption: function(element)
{
var caption   = document.createTextNode(element.title);
var container = document.createElement("div");
var text      = document.createElement("p");
var width     = element.getAttribute("width");
var align     = element.getAttribute("align");
var docMode = document.documentMode;
if (!align)
align = element.getStyle("float");  // Rest of the world fix
if (!align) // IE DOM Fix
align = element.style.styleFloat;
text.appendChild(caption);
text.className = this.selector.replace('.', '_');
if (align=="none") {
if (element.title != "") {
element.parentNode.replaceChild(text, element);
text.parentNode.insertBefore(element, text);
}
} else {
element.parentNode.insertBefore(container, element);
container.appendChild(element);
if ( element.title != "" ) {
container.appendChild(text);
}
container.className   = this.selector.replace('.', '_');
container.className   = container.className + " " + align;
container.setAttribute("style","float:"+align);
if (!docMode|| docMode < 8) {
container.style.width = width + "px";
}
}
}
});
document.caption = null;
window.addEvent('load', function() {
var caption = new JCaption('img.caption')
document.caption = caption
});