// JavaScript Document
function roll(img_name1, img_src1, img_name2, img_src2,img_name3, img_src3, img_name4, img_src4,img_name5, img_src5,img_name6, img_src6)
{
   document[img_name1].src = img_src1;
   document[img_name2].src = img_src2;
   document[img_name3].src = img_src3;
   document[img_name4].src = img_src4;
   document[img_name5].src = img_src5;
   document[img_name6].src = img_src6;
   initImage();
}

function initImage() {
  imageId = 'main_img';
  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+")", 25);
    }
  }
}