

var RoundedCorner = Class.create({
	
	images: null,
	
	initialize: function()
	{
		this.getImages();
	},
	
	getImages: function()
	{
		this.images = document.getElementsByClassName('rounded');
	},
	
	makeRounded: function()
	{
		var images = this.images;
		for (var i = 0; i < images.length; i++) {
			var el = $(images[i]);
			var tag = el.tagName.toLowerCase();
			
			if (!tag == 'img') continue;
			
			var w = el.offsetWidth;
			var h = el.offsetHeight;
			
			var img = new Element('img', {
				'width': w,
				'height': h,
				'class': el.className,
				'alt': el.alt,
				'src': el.src,
				'title': el.title
			});
			
			var base = new Element('div', {
				'width': w,
				'height': h,
				'class': 'roundedCorner size' + w + 'x' + h
			});
			
			var corner = new Element('div');
			
			base.insert(corner);
			base.insert(img);
			
			el.replace(base);
		}
	}
	
});


Event.observe(window, 'load', function(){
	var rc = new RoundedCorner();
	rc.makeRounded();
});