// Image opacity rollovers and rollouts
// Opacity Change code from: 
// http://www.brainerror.net/scripts_js_blendtrans.php
// Modified by Lars Michael Astrom
// 2007 A3 IT Solutions

// rollover function
function over(id){
  // arguments: id of element, start, end, speed (in milliseconds)
  opacity(id,100,0,200)
}

// rollout function
function out(id){
  // arguments: id of element, start, end, speed (in milliseconds)
  opacity(id,0,100,150)
}

// function to change opacity
function opacity(id, opacStart, opacEnd, millisec) {
  var speed = Math.round(millisec / 100); //speed for each frame
  var timer = 0;

  // determine the direction for the blending, if start and end are the same nothing happens
  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++;
    }
  }
} 

// change the opacity for different browsers
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 + ")";
}