//allow multiple onload functions	 
function addLoadEvent(func) { 
	var oldonload = window.onload; 
	if (typeof window.onload != 'function') { 
	    window.onload = func; 
	}
	else { 
		window.onload = function() { 
			if (oldonload) { 
				oldonload(); 
			} 
			func(); 
		} 
	} 
}

addLoadEvent(embellish);

// refer to html elements by their css classes
function getElementsByClassName(class_name)
      {
        var all_obj,ret_obj=new Array(),j=0,teststr;

        if(document.all)all_obj=document.all;
        else if(document.getElementsByTagName && !document.all)
          all_obj=document.getElementsByTagName("*");

        for(i=0;i<all_obj.length;i++)
        {
          if(all_obj[i].className.indexOf(class_name)!=-1)
          {
            teststr=","+all_obj[i].className.split(" ").join(",")+",";
            if(teststr.indexOf(","+class_name+",")!=-1)
            {
              ret_obj[j]=all_obj[i];
              j++;
            }
          }
        }
        return ret_obj;
      }



//create translucent dropshadow on specified images
function embellish() {
	/* new page fragment */
	var source= getElementsByClassName('white-box');

	for(i=0;i<source.length;i++) {	

		/* new inner images */
		var layer1 = document.createElement("div");
		layer1.setAttribute("class","TRcorner");
		layer1.setAttribute("className","TRcorner");
		var layer2 = document.createElement("div");
		layer2.setAttribute("class","TLcorner");
		layer2.setAttribute("className","TLcorner");
		var layer3 = document.createElement("div");
		layer3.setAttribute("class","BRcorner");
		layer3.setAttribute("className","BRcorner");
		var layer4 = document.createElement("div");
		layer4.setAttribute("class","BLcorner");
		layer4.setAttribute("className","BLcorner");

		/* put inner divs in outer div */
		source[i].appendChild(layer1);
		source[i].appendChild(layer2);
		source[i].appendChild(layer3);
		source[i].appendChild(layer4);
	}
}