function roundedImages()
{
	var pict = document.getElementById('picture');
	var imgs = pict.getElementsByTagName('img');

	for (var i = 0; i < imgs.length; i++) 
	{
		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 you link the image this will help the script find the right parent wrapper
		if (original.parentNode.tagName.toUpperCase()=='A') 
			original = original.parentNode; 
		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);
	}
}

/* Run the function once the page has loaded: */
window.onload = roundedImages;