var showcaseImages = new Array();
    showcaseImages[0]  = new Image(400,300);
    showcaseImages[1]  = new Image(400,300);
    showcaseImages[2]  = new Image(400,300);
    
    showcaseImages[0].src  = 'showcase/001.jpg';
    showcaseImages[1].src  = 'showcase/002.jpg';
    showcaseImages[2].src  = 'showcase/003.jpg';

var numberOfImages = showcaseImages.length;
var viewImage = 0;
var intSwap = 0;

function swap(imageName,url) {
  var objImage = document.getElementById(imageName);
  objImage.style.visibility = 'hidden';
  objImage.src = url;
  changeOpac(0, imageName);
  
  objImage.style.visibility = 'visible';
  
  opacity(imageName, 0, 100, 1000);
}

function autoSwap() {
    clearTimeout(intSwap);
    viewImage = viewImage + 1;
    if (viewImage >= numberOfImages) {
      viewImage = 0;
    }
//    swap('showcaseimage',showcaseImages[viewImage].src);
    blendimage('showcase','showcaseimage',showcaseImages[viewImage].src,1000);
    intSwap = setTimeout('autoSwap()',(4000));
}

var objPopUp = null;
var popMapOn = 0;

function popUp(evt,objectID,anchor) {
  if (popMapOn == 1) popHide();
  document.onclick = popHide;
  var evt = (evt) ? evt : ((window.event) ? event : null);
  objPopUp = document.getElementById(objectID);
  objPopUp.style.visibility = 'visible';
  objPopUp.style.display = 'block';
}

function popHide() {
  if (popMapOn == 0) {
    popMapOn = 1;
    return
  }
  else {
    objPopUp.style.visibility = 'hidden';
    objPopUp.style.display = 'none';
    objPopUp = null;
    popMapOn = 0;
    document.onclick = null;
  }
}

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

    //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;
    opacity = (opacity == 100)?99:opacity;
    
    object.opacity = (opacity / 100-.001);
    object.MozOpacity = (opacity / 100-.001);
    object.KhtmlOpacity = (opacity / 100-.001);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

function blendimage(divid, imageid, imagefile, millisec) { 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 
    var objImage = document.getElementById(imageid);
     
    //set the current image as background 
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")"; 

//   objImage.style.visibility = 'hidden';
//   objImage.src = "";
     
    objImage.src = imagefile;
    objImage.style.width = "264px";
    objImage.style.height = "270px";
    
    changeOpac(0, imageid);

    //fade in image 
    for(i = 0; i <= 100; i++) { 
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); 
        timer++; 
    } 
}