function addLoadEvent(func) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
        window.onload = func;
    } else {
    window.onload = function() {
    oldonload();
    func();
    }
  }
}
 
addLoadEvent(prepareGallery);

var imgObj;
var lPanelWidth=932;
var lPanelHeight=775;

function prepareGallery() {
    if (!document.getElementsByTagName) return false;
    if (!document.getElementById) return false;
    if (!document.getElementById("imagegallery")) return false;
    var gallery = document.getElementById("imagegallery");
    var links = gallery.getElementsByTagName("a");
    for (var i=0;i<links.length;i++) {
        links[i].onclick = function () {
        showPic(this);
        return false;
        }
    }
//    var slide=new Array(14);
//    slide[0]="Dante's Delight.jpg";
//    slide[1]="dk2.jpg";
//    slide[2]="FifthDomain.jpg";
//    slide[3]="Garment District.jpg";
//    slide[4]="Hong Kong.jpg";
//    slide[5]="Kelp.jpg";
//    slide[6]="New Corral.jpg";
//    slide[7]="Partita.jpg";
//    slide[8]="spheres.jpg";
//    slide[9]="The Angels.jpg";
//    slide[10]="The Fittest.jpg";
//    slide[11]="untitled 1995.jpg";
//    slide[12]="Window West.jpg";
//    slide[13]="Yellow Plate.jpg";    
}

function showPic(whichpic) 
{   
    imgObj=whichpic;
    var pic=whichpic.getAttribute("href");
    var placeholder=document.getElementById("placeholder");
    var display=document.getElementById("display");
    placeholder.setAttribute("src",pic);  
    frame=document.getElementById("frame");
    frame.style.height=lPanelHeight+"px"; // keeps scrollbar present
    placeholder.style.width="0%";
   
    //newGrowImage();
    growImage();
    
    var text=whichpic.getAttribute("title");
    var description=document.getElementById("title");
    description.firstChild.nodeValue=text;   
}

function newGrowImage(){
    if (withinIt()){
        changeImageWidth("placeholder",20);
        setTimeout("newGrowImage()",10);
    }
}
function growImage(){  
    iw=getImageWidth("placeholder"); 
    //alert(imgObj.getAttribute("title"));
    bigImg = imgObj.getAttribute("title");
    if (bigImg=="DK2" || bigImg=="Dive Fiji" || bigImg=="Untitled, 1995" || bigImg=="Yellow Plate" || bigImg=="Spheres"){
        if (iw<=50){
            changeImageWidth("placeholder", 2);
            setTimeout("growImage()",10);
        }
    }  
    else if (iw<=70){
            changeImageWidth("placeholder", 2);
            setTimeout("growImage()",10);
      }
}

function withinIt(){
   alert("withinIt");
   within=false;
   pad=10;
   object=document.getElementById("placeholder");
   oWidth=parseInt(object.style.width);
   oHeight=parseInt(object.style.height);
   alert(oWidth + " " + oHeight);
   if ((oWidth<lPanelWidth + pad) && (oHeight<lPanelHeight + pad)) within=true;
   return within; 
} 
function changeImageWidth(id, diw){
    var iw=getImageWidth(id) + diw;
    setImageWidth(id, iw);
}

function getImageWidth(id){
   var object=document.getElementById(id);
   return parseInt(object.style.width);
}

function setImageWidth(id, iw){
    var object=document.getElementById(id);
    object.style.width=iw + '%'; 
}

function getXCoord(object) {
   return parseInt(object.style.left);
}

function getYCoord(object) {
   return parseInt(object.style.top);
}