function opacity(id, opacStart, opacEnd, millisec) { 
  var speed = Math.round(millisec / 100);
  var timer = 0;
  if (opacStart > opacEnd) {
    for(i = opacStart; i >= opacEnd; i--) {
      setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
      timer++;
    }
  } else if (opacStart < opacEnd) {
    for (i = opacStart; i <= opacEnd; i++) {
      setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
      timer++;
    }
  }
}


function changeOpac(opacity, id) {
  var object = document.getElementById(id).style;
  object.opacity = (opacity / 100);
  object.MozOpacity = (opacity / 100);
  object.KhtmlOpacity = (opacity / 100);
  object.filter = "alpha(opacity=" + opacity + ")";
}


function show_image(image,width,height,title) {
  var windowX = 0;
  var windowY = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    windowX = window.innerWidth;
    windowY = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    windowX = document.documentElement.clientWidth;
    windowY = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    windowX = document.body.clientWidth;
    windowY = document.body.clientHeight;
  }
  var scrollX = 0; var scrollY = 0;
  if( typeof( scroll.pageYOffset ) == 'number' ) {
    scrollY = scroll.pageYOffset;
    scrollX = scroll.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    scrollY = document.body.scrollTop;
    scrollX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    scrollY = document.documentElement.scrollTop;
    scrollX = document.documentElement.scrollLeft;
  }
  totalHeight = document.body.clientHeight;
  totalWidth = document.body.clientWidth;
  var whiteSpace = (totalWidth) - (860);
  var marginLeft = (whiteSpace) / (2);
  var whiteSpaceY = (windowY) - (660);
  var marginTop = ((whiteSpaceY) / (2)) + (scrollY);
  // Load divs
  document.getElementById("faded").style.height = totalHeight + 'px';
  document.getElementById("faded").style.width = totalWidth + 'px';
  document.getElementById("faded").style.left = "0px";
  document.getElementById("faded").style.top = "0px";
  document.getElementById("faded").style.display = "block";
//  alert(image + '--' + width + '--' + height + '--' + title);
  document.getElementById("image_window").style.left = marginLeft + 'px';
  document.getElementById("image_window").style.top = marginTop + 'px';
  document.getElementById("img_holder").innerHTML = "<img src=\"" + image + "\" width=\"" + width + "\" height=\"" + height + "\" alt=\"" + title + "\" title=\"Click to close!\" border=\"0\" />";
  document.getElementById("img_holder").style.display = "block";
  document.getElementById("image_window").style.display = "block";
  document.getElementById("click_close").style.display = "block";
}

function close_image() {
  document.getElementById("faded").style.display = "none";
  document.getElementById("img_holder").style.display = "none";
  document.getElementById("image_window").style.display = "none";
  document.getElementById("img_holder").innerHTML = "";
  document.getElementById("click_close").style.display = "none";
}