//var dummy = new Image();
//dummy.src = '../data/square_orange.gif';
//dummy.src = '../data/square_light.gif';
//dummy.src = '../data/square_dark.gif';

var imgfield = "dynimg";
var trans = 20;
var user_clicked = 0;

function showimg (img,h) {

  user_clicked = 1;

  var image = document.getElementById(imgfield);
  
  image.src="../data/tp.gif";

  image.style.marginTop = (200 - (h/2)) + "px";

  image.style.MozOpacity = (trans / 100);
  image.style.opacity = (trans / 100);
  image.style.filter = "alpha(opacity:" + (trans) + ")";
   
  image.src= img;
  
  fadeImage(trans,10);
  
  
}


function fadeImage(pos,int) {

  var image = document.getElementById(imgfield);
  
  if (pos < 100) {
  
     pos = pos + int;
   
     image.style.MozOpacity = (pos / 100);
     image.style.opacity = (pos / 100);
     image.style.filter = "alpha(opacity:" + (pos) + ")";
     
     setTimeout("fadeImage("+pos+","+int+")",60);     
  
  } 
  
  else {return false;} 

}