﻿/* Script for rounded corners.
 * Will add 4 divs by images
 * Depends on jQuery
 */
window.onload = function()
{
	var imgs = jQuery("div.articleHolder img").get();
	if(!(jQuery.browser.msie && jQuery.browser.version == 6))
	{
		for(var i = 0; i < imgs.length; i++)
		{
			var img = imgs[i];
			jQuery(img).wrap("<div class='articleImageHolder'></div>");
			var cTR = document.createElement('div');
			var cTL = document.createElement('div');
			var cBR = document.createElement('div');
			var cBL = document.createElement('div');
			
			img.parentNode.insertBefore(cTR, img);
			img.parentNode.insertBefore(cTL, img);
			img.parentNode.insertBefore(cBR, img);
			img.parentNode.insertBefore(cBL, img);
			
			//set left
			cTR.style.marginLeft = img.offsetWidth -15 + "px";
			cTL.style.marginLeft = "0px";
			cBR.style.marginLeft = img.offsetWidth -15 + "px";
			cBL.style.marginLeft = "0px";
			
			//set right
			cTR.style.marginTop = "0px";
			cTL.style.marginTop = "0px";
			cBR.style.marginTop = img.offsetHeight -15 + "px";
			cBL.style.marginTop = img.offsetHeight -15 + "px";
			
			//adding classes
			cTR.className = "tr";
			cTL.className = "tl";
			cBR.className = "br";
			cBL.className = "bl";
		}
	}
}
