var imageNames = new Array("recent", "landscapes", "portraits", "fashion","wedding");
var nav_imgs = new Object();
var bold_imgs = new Object();
var big_imgs = new Object();
var swappedBefore = false;
var lastSwapLyr = imageNames[0];
function popUp(){
    window.open('contact.html', '', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,resizable=0,width=700,height=220,left = 770,top = 565');
}
function swapit(lyrName) {    /** change column 1 **/ 
    lyr = document.getElementById(lyrName);
    fixLyr = document.getElementById(lastSwapLyr);
    lyr.className = "viewed";
    lastSwapLyr=lyrName;    /** handle col2 **/
    swaptitle(lyrName);    /** handle col3 **/
    swapimage(lyrName); 
    return(false);
}
/** col2 (center of page) is the title image of the gallery shown **/
function swaptitle(name) { 
    var imgOld = document.getElementById('col2img');
    var divParent;
    var imgNew = document.createElement('img');
    if (bold_imgs[name]){
       imgNew.id = 'col2img';
       imgNew.src = bold_imgs[name].src;
       /** replace old with new image  **/
       divParent = imgOld.parentNode;
       divParent.replaceChild(imgNew, imgOld);
       divParent.width = (imgNew.width + 5);
     }
}/** col3 is the gallery image itself that was preloaded **/
function swapimage(name) {
   var imgOld = document.getElementById('col3img');
   var divParent;
   var imgNew = document.createElement('img');
   if (big_imgs[name]) {
       imgNew.id = 'col3img';
       imgNew.src = big_imgs[name].src;
       /**  replace old with new image  **/
       divParent = imgOld.parentNode;
       divParent.replaceChild(imgNew, imgOld);
       divParent.width = (imgNew.width + 5);
   }
}      
/**  cache gallery big images when main gallery loads  **/
function loadImages() {
    for(var i=0; i<imageNames.length; i++) {
    /**  translated to PERL -> $images{'fashion'} = "fashion.jpg"; **/
    big_imgs[imageNames[i]] = new Image();
    big_imgs[imageNames[i]].src =  "img/big_" + imageNames[i] + ".jpg";
    bold_imgs[imageNames[i]] = new Image();
    bold_imgs[imageNames[i]].src =  "img/bold_" + imageNames[i] + ".jpg";
    nav_imgs[imageNames[i]] = new Image();
    nav_imgs[imageNames[i]].src =  "img/nav_" + imageNames[i] + ".jpg";
}

swapit("recent");}