var photos = new Array()
photos.push(
"http://photos-c.ak.fbcdn.net/hphotos-ak-snc1/hs130.snc1/5569_243502015625_555550625_8175914_903823_n.jpg",
"http://photos-a.ak.fbcdn.net/hphotos-ak-snc1/hs105.snc1/4777_214820945625_555550625_7402128_1796783_n.jpg",
"http://photos-f.ak.fbcdn.net/hphotos-ak-snc1/hs021.snc1/3057_185707270625_555550625_6704245_6817953_n.jpg",
"http://photos-c.ak.fbcdn.net/photos-ak-snc1/v2660/158/50/555550625/n555550625_6459138_4753033.jpg",
"http://photos-d.ak.fbcdn.net/hphotos-ak-snc1/hs018.snc1/2640_136287765625_555550625_6195555_787226_n.jpg"
)

function showPhoto(id){
var content = '<br><strong>Photos of Andrew</strong> <em>'+photos.length+' photos</em><br><div class="floatright"><a href="javascript:void(0);" onClick="showPrev('+id+');">Previous</a> <a href="javascript:void(0);" onClick="showNext('+id+');">Next</a></div><a href="javascript:void(0);" onClick="showAll();">Back To Photos</a>';
content += '<div class="photoholder">';
content += '<a href="javascript:void(0);" onClick="showNext('+id+');"><img src="'+photos[id]+'" width="585" border="0"></a>';
content += '</div>'
document.getElementById('content').innerHTML = content;
}

function showNext(id){
if(id>photos.length-2){
showPhoto('0')
} else {
showPhoto(id+1)
}
}

function showPrev(id){
if(id<1){
showPhoto(photos.length-1)
} else {
showPhoto(id-1)
}
}

function showAll(){
var content = '<br><strong>Photos of Andrew</strong> <em>'+photos.length+' photos</em>';
content += '<div class="photoholder">';
for(i=0;i<photos.length;i++){
content += '<a href="javascript:void(0);" onClick="showPhoto('+i+')"><img src="'+photos[i]+'" width="135" height="97" border="0"></a>';
}
content += '</div>'
document.getElementById('content').innerHTML = content;
}