function CaricaNuovaImmagine(onjnewimg)
{
	var imgmedia = document.getElementById("ImageMedia");
	if(imgmedia != null)
	{
		var url = onjnewimg.src;
		imgmedia.src = url;
	}else{
	
			imgmedia = document.getElementById("ctl00_ImageMedia");
			if(imgmedia != null)
			{
				var url = onjnewimg.src;
				imgmedia.src = url;
			}else{
			
				imgmedia = document.getElementById("ctl02_ImageMedia");
				if(imgmedia != null)
				{
				var url = onjnewimg.src;
				imgmedia.src = url;
				}else{
						imgmedia = document.getElementById("_ctl0_ImageMedia");
						if(imgmedia != null)
						{
							var url = onjnewimg.src;
							imgmedia.src = url;
						}
					}
			}
		}
}


function LoadPopUpImmage(idimmage, objcell, evi)
{
	var obj = document.getElementById("TablePanel")
	if(obj != null)
	{
		obj.style.visibility = 'visible';
	}
	LoadImmage(idimmage, obj, objcell.id);
}

function UnloadPopUpImage(idimmage, objcell)
{
	var obj = document.getElementById("TablePanel")
	if(obj != null)
	{
		obj.style.visibility = 'hidden';
	}
}

 function InvisiblePanel()
 {
	var obj = document.getElementById("TablePanel")
	if(obj != null)
	{
		obj.style.visibility = 'hidden';
	}
 }
 
 
 function LoadImmage(idimmage, panel, idcell)
 {
	//panel.style.backgroundImage = 'url(' + idimmage + ')';
	/*
	<IMG alt="" src="">
	*/
	var img   = document.createElement('IMG');
	
	img.align ='center';
	
	img.src = idimmage;
	//removeChild
	var objp2 = document.getElementById("Panel1")
	
	 for(var i = 0; i < objp2.children.length; i++)
	 {
		if(objp2.childNodes[i].tagName == 'IMG'){
		objp2.removeChild( objp2.childNodes[i]);}

      }
      
    //panel.style.filter="Alpha(Opacity=\"10\")";
	if(objp2.appendChild) objp2.appendChild(img);
	
	dropShadow(idcell, panel, img);
	
	
	
 }
 function dropShadow(eid, panel, imgload) {

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

  var obj = document.getElementById(eid);

  if(!obj|| !obj.offsetParent) return;
  
  /* verifico dimensioni massime dell'immagine comprimendola eventualmente al valore max di h 400 */
	var perc;
  if(imgload.offsetWidth > 400){
	perc = (400/imgload.width) * 100;
	var newwidth = (imgload.width * perc) / 100;
	imgload.width = newwidth;
	var newheight = (imgload.height * perc)/100;
	imgload.height = newheight;
  }
  /* riferimento al body del documento */
  var body = document.getElementsByTagName('body')[0];

  var left = 0, top = 0; bodyh = 0; imgh = 0; newdivh = 0;
  
  bodyh = body.clientHeight;
  imgh = obj.offsetHeight;
  newdivh = imgload.offsetHeight;

  /* 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 = -10;
  
  /* offset per allargare il contenitore rispetto l'immagine */
  var y1 = 50;
  
  /* recupero  la dimensione dell'immagine*/
  var offsetWhite = obj.offsetWidth;
  var offsetHeight = (obj.offsetHeight / 2);	
  
  
	/* calcolo dello slittamento dell'immagine da visulaizzare  */
	var a = top + (imgh /2);
	var e = bodyh - a;
	var y =0;
	
	y = (top + (imgh/2)) -(newdivh /2);
	if((y + newdivh)> bodyh){
		
		y = (y - ((y + newdivh)- bodyh)) - 50;
	}
	
	if(y<0)
	{
		y = 5;
	}
	
	
	
	
  /* posizione */
  panel.style.position      = 'absolute';
  panel.align = 'center';
  panel.style.left          = left + x1 + offsetWhite +  'px';
  panel.style.top           = y +  'px';

  /* dimensioni 
  panel.style.height        = obj.offsetHeight - x1 + 'px';
  panel.style.width         = obj.offsetWidth  - x1 + 'px';
  */
  panel.style.height        = imgload.offsetHeight - x1 + (y1/2) + 'px';
  panel.style.width         = imgload.offsetWidth  - x1 + y1 + 'px';
  

	/* posizone dell'indicatore */
	var indicatore = document.getElementById("IMGAngolo");

	if(indicatore != null)
	{ 
		var pA = (top - y) + (obj.offsetHeight / 2);
		//var pB = indicatore.offsetParent.offsetTop;
		var pB =  indicatore.offsetTop;
		var newpos=0;
		if(pA > pB){
			newpos = pB +(pA - pB);
		}
		if(pA < pB){
			newpos = pB -(pB - pA);
		}//pA - 100)
		indicatore.style.top  = pA + 'px';
		
	}




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

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


function Shadow(eid, ombra) 
{
 if(!document.getElementById || !document.getElementsByTagName 
    || !document.createElement || !document.appendChild) return;

  this.depth    = 5;        /* shadow depth     */
  this.delta    = 5;        /* level of blur    */
  this.margin   = 2;        /* shadow margin from borders   */
  this.decrease = 1;        /* shadow div gradual decrease  */

  this.light    = 0xdddddd; /* lightest shadow  */
  this.dark     = 0x444444; /* darkest shadow   */

  var obj     = document.getElementById(eid);
  var body    = document.getElementsByTagName('body')[0];

  var left; /* distance from top  */
  var top;  /* distance from left */

  //var ombra   = new Array();
  var self    = this;

  getDistance = function() {
    left = top = 0;

    for (var tmpObj = obj; tmpObj.offsetParent; tmpObj = tmpObj.offsetParent)
      left += tmpObj.offsetLeft;

    for (var tmpObj = obj; tmpObj.offsetParent; tmpObj = tmpObj.offsetParent)
      top += tmpObj.offsetTop;
  }

  setSize = function(idx, x1, x2, x3) {
    if(ombra[idx]) {
      ombra[idx].style.left    = left + x1 + x2 - x3 + 'px';
      ombra[idx].style.top     = top  + x1 + x2 - x3 + 'px';
      ombra[idx].style.height  = obj.offsetHeight - x1 + x3 + 'px';
      ombra[idx].style.width   = obj.offsetWidth  - x1 + x3 + 'px';
    }
  }

  this.radius = function(i) { return Math.floor(i*i/10) + self.margin; }
  
  this.draw = function() {

    for(var i = 0; i < ombra.length; i++)
      body.removeChild(ombra[i]);
  
    ombra = [];

    getDistance();
  
    var minus = (Math.floor((self.light - self.dark) / (self.depth + self.delta)) >> 16) * 0x10101;
  
    var myColor = self.light;

    for(var i = self.depth; i >= 0; i--)
    {
      myColor = ( myColor - minus ) > self.dark ? myColor - minus : myColor;
  
      ombra[i] = document.createElement('div');
  
      ombra[i].style.position = 'absolute';
  
      colorString = '#' + ((myColor < 0x100000)?('0'+myColor.toString(16)):(myColor.toString(16)));
      
      ombra[i].style.borderRight   = '1px solid ' + colorString;
      ombra[i].style.borderBottom  = '1px solid ' + colorString;
  
      setSize(i, self.radius(i), i, i - self.decrease);

      body.appendChild(ombra[i]);
    }

    var oldRef = window.onresize;
    
    window.onresize = function() {
      if(oldRef != null && typeof oldRef != 'undefined')
        oldRef();
      getDistance();
      for(var i = self.depth; i >= 0; i--)
        setSize(i, self.radius(i), i, i - self.decrease);
    };
  }
  return this;
}