//document.getElementById('galPic1').style.display = 'block';
//document.getElementById('galPic1').style.left = 0;

var activeImage = 'galA';
var zTop = 1;
var currPic = 0;

var SLIDE_WIDTH = 600;
var SLIDE_DELAY = 20;
var SLIDE_FRAC = 1.5;

function galGo(dir) {
    if (dir == 1 && currPic == 0) {
        return chooseImage(2);
    }
    i = (dir < 0)? currPic - 1 : currPic + 1;
    if (currPic > 0 && currPic <= maxPics) {
        chooseImage(i);
    }
}

function chooseImage(num) {

    dir = (currPic < num)? 0 : 1;
    if (num == currPic) return;

    pos = SLIDE_WIDTH;
    if (dir) pos *= -1;

    pic = document.getElementById('galPic'+num)
    if (!pic) return;

    pic.style.left = pos+'px';
    pic.style.zIndex=zTop;
    pic.style.visibility='visible'

    divColl = document.getElementById('portfolioThumbWrap').getElementsByTagName('DIV');
    bgdef = document.getElementById('portfolioThumbWrap').style.backgroundColor;
    for (i=0; i<divColl.length; i++) {
        divColl[i].style.backgroundColor=bgdef;
    }

    thumb = document.getElementById('portfolioThumb'+num);
    thumb.style.backgroundColor = '#322525';

    zTop++;
    currPic = num;
    slideDoorElement('galPic'+num, dir);

    document.getElementById('currImgCounter').firstChild.nodeValue = num;

    //setTimeout('galleryHideOthers('+num+')', 600);
    
}


function galleryHideOthers(num) {

    divColl = document.getElementById('portfolioPicWrap').getElementsByTagName('DIV');
    for (i=0; i<divColl.length; i++) {
        if (divColl[i].id != 'galPic'+num) divColl[i].style.visibility = 'hidden';
    }
}

function slideDoorElement(id) {
    elem = document.getElementById(id);
    curr = parseInt(elem.style.left);

    pos = Math.round(curr / SLIDE_FRAC);
    if (curr != pos) {
        elem.style.left = pos + 'px';
        setTimeout("slideDoorElement('"+elem.id+"')", SLIDE_DELAY);
    }
    else {
        elem.style.left = 0;
        return true;
    }


}



if (document.getElementById('galPic1')) {
    document.getElementById('galPic1').style.left = 0;
    document.getElementById('galPic1').style.visibility='visible'
}
/*
thumbColl = document.getElementById('portfolioThumbWrap').getElementsByTagName('IMG');
for (i=0; i<thumbColl.length; i++) {
    thumbColl[i].onclick = function () { alert(this.id); }
}
*/