function getAnother(direction) {
    var direction=document.getElementById(direction).value;
    return (direction);
}

function elemPlace(where, what) {
    var whatHTML=document.getElementById(what).innerHTML;
    document.getElementById(where).innerHTML=whatHTML;
}

function showAnother(direction) {
    var showContent=getAnother(direction);
    elemPlace("slideShow", showContent);
}

var picDir="images/aug07/large/";

function loadPicture(pic, elem) {
    var imgFrame=document.getElementById('imgFrame');
    // clear out any old images
    // imgFrame.innerHTML='<h2 style="color:#666666;">Loading ...</h2>';
    var par=document.createElement('p');
    var href=document.createElement('a');
    // href.setAttribute('onClick',"javaScript:closePicture()");
    href.onclick=function() {closePicture();};
    href.style.cursor='pointer';
    par.className="closeImgFrame";
    href.innerHTML='Close';
    par.appendChild(href);
    var stuff='<p class="closeImgFrame"><a href="#" onClick="closePicture();">Close</a></p>';
    imgFrame.innerHTML='';
    var newImg=new Image();
    newImg.src=picDir+pic;
    imgFrame.appendChild(newImg);
    var img=document.getElementById(elem);
    imgFrame.style.display='block';
    imgFrame.appendChild(par);
}

function closePicture() {
    document.getElementById('imgFrame').style.display='none';
    return false;
}