dropShadowCounter = 0;

function wrapOneDropshadow(elt) {

	// creates [table # _dsTable0], [td # _dsCell0]
	var tmplText = '<table border="0" cellpadding="0" cellspacing="0" id="_dsTable' + dropShadowCounter + '"><tr>' +
					'<td id="_dsCell' + dropShadowCounter + '"></td><td class="dropshadowRIGHT">&nbsp;</td></tr>' +
					'<td class="dropshadowBOTTOM">&nbsp;</td><td class="dropshadowBR">&nbsp;</td></table>',
		divWrap = document.createElement('div'),
		parElt = elt.parentNode;
	
	// set up the wrapper, with the table as its contents
	setCls(divWrap, "dropshadowWrap");
	if (elt.id) divWrap.id = "dswrap_" + elt.id;
	divWrap.innerHTML = tmplText;
	parElt.insertBefore( divWrap, elt);	// put the new div where the old one was
	
	// put the original element into the table cell
	parElt.removeChild( elt);
	$('_dsCell'+dropShadowCounter).appendChild( elt);
		
	++dropShadowCounter;
	
	return divWrap;
}


function dropshadowLoader() {
	loadCSS( "/GM/dropshadow/dropshadow.css");
	var a = document.getElementsByClass( 'dropshadow'), i,ct;
	for ( i=0, ct=a.length;i<ct;++i)
		wrapOneDropshadow(a[i]);
}
addLoadEvent( dropshadowLoader);