// JavaScript Document


function dropShadow(obj) {

 if(!document.getElementById || !document.getElementsByTagName ||
!document.createElement) return;

 //var obj = document.getElementById(eid);

 if(!obj|| !obj.offsetParent) return;

 /* riferimento al body del documento */
 var body = document.getElementsByTagName('body')[0];

 var left = 0, top = 0;

 /* ottiene la posizione assoluta del div */

 /* distanza dal bordo sinistro della pagina */
 for (var tmpObj = obj; tmpObj.offsetParent; tmpObj = tmpObj.offsetParent)
   left += tmpObj.offsetLeft;

 /* distanza dal bordo superiore */
 for (var tmpObj = obj; tmpObj.offsetParent; tmpObj = tmpObj.offsetParent)
   top += tmpObj.offsetTop;

 /* spessore dell'ombra ovvero dei bordi del div che andremo ad aggiungere */
 var x1 = 2;

 /* crea il nuovo div */
 var ombra   = document.createElement('div');

 /* viene assegnato lo stile al div ombra in modo che si affianchi al
div obiettivo */

 /* posizione */
 ombra.style.position      = 'absolute';
 ombra.style.left          = left + x1 + 'px';
 ombra.style.top           = top + x1 + 'px';

 /* dimensioni */
 ombra.style.height        = obj.offsetHeight - x1 + 'px';
 ombra.style.width         = obj.offsetWidth  - x1 + 'px';

 /* bordi (l'ombra effettiva) */
 ombra.style.borderRight   = x1 + 'px solid #ccc';
 ombra.style.borderBottom  = x1 + 'px solid #ccc';

 /* appende il div creato al corpo del documento */
 if(body.appendChild) body.appendChild(ombra);
}

function shadowonload()
{
   var theimages = getImages('shadow');
   for(i=0;i<theimages.length;i++) {
       dropShadow(theimages[i])
   }
}

var instantOnload = window.onload;
window.onload = function () { if(instantOnload) instantOnload();
shadowonload(); if(isIE){addIEInstant(); }else {addInstant();}}