document.write("<style type='text/css'>  #bike1photo {visibility:hidden;} </style>");
document.write("<style type='text/css'>  #bike2photo {visibility:hidden;} </style>");
document.write("<style type='text/css'>  #bike3photo {visibility:hidden;} </style>");
document.write("<style type='text/css'>  #bike4photo {visibility:hidden;} </style>");

window.onload = function() {initImage()}

function initImage() {
  imageId = 'bike1photo';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  imageId = 'bike2photo';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  imageId = 'bike3photo';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  imageId = 'bike4photo';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
}


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 += 20;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}

function fadeOut(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
      opacity -= 20;
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 100);
    }
  }
}

function SwapImage(theImage, imagePath) {
  theImage.src = "assets/"+ imagePath;
}

function PopWin(url, name, width, height, options) {
  var winOptions = "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,left=0,top=0,dependent=yes";

  if(options != null && options != '')
    winOptions = options;
  var win = window.open(url, name, winOptions+",width="+width+",height="+height);

  if(window.focus)
    win.focus();
}