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

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

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

var toSlider;

function galGo(dir) {
    return chooseImage(currPic+dir);
}

function chooseImage(num) {

    picwrap = document.getElementById('portfolioPicWrap');
    if (toSlider) clearTimeout(toSlider);

    if (num > maxPics-1) {
        picwrap.style.left = SLIDE_WIDTH + 'px';
        num = 0;
    }
    else if (num < 0) {
        picwrap.style.left = (parseInt(picwrap.style.width) * -1) + 'px';
        num = maxPics-1;
    }
    pos = num * SLIDE_WIDTH * -1;

    //picwrap.style.left = pos+'px';
    slideDoorElement(picwrap.id, pos);

    currPic = num;

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


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, slideTo) {
    elem = document.getElementById(id);
    curr = parseInt(elem.style.left);

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


}



if (document.getElementById('portfolioPicWrap')) {
    document.getElementById('portfolioPicWrap').style.left = 0;
    document.getElementById('portfolioPicWrap').style.width = (maxPics * SLIDE_WIDTH) + 'px';

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