function displayLoader() {
    // {{{ code
	var image = document.getElementById('image');
	setOpacity(image, 0);
    // }}}
}

function hideLoader() {
    // {{{ code
	var image = document.getElementById('image');
	fadeIn('image', 0);
    // }}}
}

function changeImage(url) {
    // {{{ code
	var image = document.getElementById('image');
	displayLoader();
	image.src = url;
    // }}}
}

function setOpacity(obj, opacity) {
  // {{{ code
  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) {
    // {{{ code
  	if (document.getElementById) {
    	obj = document.getElementById(objId);
    	if (opacity <= 100) {
      		setOpacity(obj, opacity);
      		opacity += 50;
      		window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 25);
    	}
  	}
    // }}}
}

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