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

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  obj.style.filter = "alpha(opacity:"+opacity+")";
  obj.style.KHTMLOpacity = opacity/100;
  obj.style.MozOpacity = opacity/100;
  obj.style.opacity = opacity/100;
}

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

function initScrollBar() {
	var scroll = "<div class=\"scrollbar_button\"><img src=\"/images/scrollbutton_top.gif\" onmousedown=\"scrolling=true; doScrollUp()\" onmouseup=\"stopScroll()\"></div>";
	scroll += "<div id=\"scrollbar_bgr\"><div id=\"scrollbar_slider\"></div></div>"
	scroll += "<div class=\"scrollbar_button\"><img src=\"/images/scrollbutton_bottom.gif\" onmousedown=\"scrolling=true; doScrollDown()\" onmouseup=\"stopScroll()\"></div>";
	custom_scrollbar.innerHTML=scroll;
}
function setTextPosition(){
	slider = document.getElementById('scrollbar_slider');
	scrollbar = document.getElementById('scrollbar_bgr');
	cur_top1 = parseInt(slider.style.marginTop.slice(0, slider.style.marginTop.length-2));
	cur_top1 = isNaN(cur_top1) ? 0 : cur_top1;
	n = (parseInt(content_block_height))/(parseInt(scrollbar.offsetHeight)-parseInt(slider.offsetHeight))-1;
	content_block.style.marginTop=parseInt(-1*cur_top1*n)+"px";
}
function doScrollUp(){
	scrollbar = document.getElementById('scrollbar_bgr');
	slider = document.getElementById('scrollbar_slider');
	cur_top1 = parseInt(slider.style.marginTop.slice(0, slider.style.marginTop.length-2))
	cur_top1 = isNaN(cur_top1) ? 0 : cur_top1;
	if ((scrolling)&&(cur_top1>0)){
		slider.style.marginTop = cur_top1-1+"px";
		setTextPosition();
		setTimeout("doScrollUp()", scrolling_time);
	}
}
function doScrollDown(){
	scrollbar = document.getElementById('scrollbar_bgr');
	slider = document.getElementById('scrollbar_slider');
	cur_top1 = parseInt(slider.style.marginTop.slice(0, slider.style.marginTop.length-2))
	cur_top1 = isNaN(cur_top1) ? 0 : cur_top1;
	if ((scrolling)&&(parseInt(scrollbar.offsetHeight-slider.offsetHeight)>cur_top1)){
		slider.style.marginTop = cur_top1+1+"px";
		setTextPosition();
		setTimeout("doScrollDown()", scrolling_time);
	}
}
function stopScroll(){
	scrolling = false;
}