function changeThumb(id, pictURL)
{
   obj = document.getElementById(id);
   if(obj){
   obj.innerHTML = " <center > <img src='"+ pictURL + "' vspace='5'/> </center> \n";
   }
   
}

function changeMainPic(id, pictURL)
{
 obj = document.getElementById(id);
 //if(obj) obj.innerHTML="<center><img id='mainImg' src='"+pictURL+"' style='border:solid 5px white; filter:progid:DXImageTransform.Microsoft.Fade(Duration=3)' /></center>\n";
 if(obj){
 obj.src = pictURL;
 obj.style.filter ="progid:DXImageTransform.Microsoft.Fade(duration=3)";
 //initImage(id);
 }
}

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

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+")", 100);
    }
  }
}
function fadeOut(objId,opacity) {
  
  if (document.getElementById) {
     obj = document.getElementById(objId);
     if(obj == null) return;
      if (opacity >= 0) {
          setOpacity(obj, opacity); 
	  opacity -= 10;
	 window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 100);
	 }
     }
}

function changeClass(Elem, myClass) {
	var elem;
	if(document.getElementById) {
		var elem = document.getElementById(Elem);
	} else if (document.all){
		var elem = document.all[Elem];
	}
	elem.className = myClass;
}