var corners = Class.create({
  init: function() {

  },
  roundcorners: function(selector) {
	   this.selector = selector; 
  	   var content = document.getElementById(this.selector);
	   if (content != null){
	   var imgs = content.getElementsByTagName('img');
	 
	   for (var i = 0; i < imgs.length; i++) {         // start loop 
	
	   var wrapper = document.createElement('div');  // Create the outer-most div (wrapper)
	   wrapper.className = 'wrapper';                // Give it a classname - wrapper
	   wrapper.style.width = imgs[i].width+'px';     // give wrapper the same width as the current img
	   var original = imgs[i];                       // take the next image  
	   /* Swap out the original img with our wrapper div (we'll put it back later) */
	   if(original.parentNode.tagName.toUpperCase()=='A') original = original.parentNode; // if you link the image this will help the script find the right parent wrapper
	   original.parentNode.replaceChild(wrapper, original);
	   // IE crash fix - c/o Joshua Paine - http://fairsky.us/home
	
	
	   /* Create the four other inner nodes and give them classnames */
	   var tl = document.createElement('div');
	   tl.className = 'tl';
	   var br = document.createElement('div');
	   br.className = 'br';
	   var tr = document.createElement('div');
	   tr.className = 'tr';
	   var bl = document.createElement('div');
	   bl.className = 'bl';
	   /* Glue the nodes back inside the wrapper */
	   wrapper.appendChild(tl);
	   wrapper.appendChild(tr);
	   wrapper.appendChild(bl);
	   wrapper.appendChild(br);
	   /* And glue the img back in after the DIVs */
	   
	   wrapper.appendChild(original);
  		}
	   }
  }
});

var contentcorners = new corners();


/* Run the function once the page has loaded: */

Event.observe(window, 'load', function() { contentcorners.roundcorners('content_main') });
Event.observe(window, 'load', function() { contentcorners.roundcorners('content_left') });
Event.observe(window, 'load', function() { contentcorners.roundcorners('content_right') });