/*
// Load an image
function load_image($idbg,$idfrt,$image,$width,$height,$img_style,$img_class){

$string=<<<EOT
<div id='$idbg' style="margin: 6px; float: left; border: 0px solid #000000; height: {$height}px; width: {$width}px; background:#404040 url('../loading3.gif') 50% 50% no-repeat;">
<center>
<img style="$img_style" onClick="this.className='thumb_over';" onLoad="hidediv('$idbg','$idfrt');" class="$img_class" id="$idfrt" src="{$image}"/>
</center>
</div>
EOT;

return $string;
}
*/









function hidediv(bg,frt) {
if (document.getElementById) { // DOM3 = IE5, NS6
initImage(frt);
//document.getElementById(frt).style.visibility = 'visible';
document.getElementById(bg).style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
initImage(frt);
//document.frt.visibility = 'visible';
document.bg.visibility = 'hidden';
}
else { // IE 4
initImage(frt);
//document.all.frt.style.visibility = 'visible';
document.all.bg.style.visibility = 'hidden';
}
}
}

function showdiv(bg,frt,img_w,img_h) {
if (document.getElementById) { // DOM3 = IE5, NS6
//initImage(bg);
//alert("Fds");
document.getElementById(frt).style.visibility = 'hidden';
document.getElementById(bg).style.width = img_w + "px";
document.getElementById(bg).style.height = img_h + "px";
document.getElementById(bg).style.visibility = 'visible';
}
else {
if (document.layers) { // Netscape 4
//initImage(bg);
document.bg.visibility = 'visible';
document.frt.visibility = 'hidden';

}
else { // IE 4
//initImage(bg);
document.all.bg.style.visibility = 'visible';
document.all.frt.style.visibility = 'hidden';

}
}
}

/////////////////////////////////////

function initImage(imageId) {
  image = document.getElementById(imageId);
  //setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}

function unitImage(imageId) {
  image = document.getElementById(imageId);
  //setOpacity(image, 0);
  image.style.visibility = 'visible';
  return fadeOut(imageId,100);
}

function setOpacity(obj, opacity) {

  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity="+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;

}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 1);
    }
  }
}

function fadeOut(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
      opacity -= 10;
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 1);
    }
  }
}