function loadphotoes(pid){

	var el = document.getElementById("photo");
	el.src = photoes[0].filename;

	var st, len, ed, container;
	st = pid * pnum;
	ed = st + pnum;
	len = photoes.length;
	if ( ed > len )
		ed = len;
	container = document.getElementById("icons");
	//remove all
	while ( container.hasChildNodes() ){
		container.removeChild(container.lastChild);
 	}

	for ( i = st; i < ed; i++ ){
		//Create icons
		p = document.createElement("img");
		p.id = i;
		p.src = photoes[i].icon;
		p.onmouseover = pickphoto;
		p.style.borderStyle = "solid";
		p.style.borderBottomWidth = "0px";
		p.style.borderTopWidth = "0px";
		p.style.borderLeftWidth = "0px";
		p.style.borderRightWidth = "2px";
		p.style.borderColor = "#518BCA";
		container.appendChild(p);
	}

	var nav = document.getElementById("nav");
	while ( nav.hasChildNodes() ){
		nav.removeChild(nav.lastChild);
 	}

	//<<
	img = document.createElement("img");
	img.id = "leftarrow";
	if ( pid == 0 ){
		img.src = "whitespacer.gif";
		img.style.width = "10px";
		img.style.height = "10px";
		nav.appendChild(img);
	}
	else{
		link = document.createElement("a");
		link.href = "javascript:prepage();"

		img.src = "LArrow.gif";
		img.alt = "Previous Photos";
		img.border = "0";
		img.onmouseover = leftover;
		img.onmouseout = leftout;
		
		link.appendChild(img);
		nav.appendChild(link);
	}

	//Space
	img = document.createElement("img");
	img.src = "whitespacer.gif";
	img.style.width = "10px";
	img.style.height = "1px";
	nav.appendChild(img);

	//>>
	img = document.createElement("img");
	img.id = "rightarrow";
	var cnum = ( pid + 1) * pnum;
	if ( cnum >= photoes.length ){
		img.src = "whitespacer.gif";
		img.style.width = "10px";
		img.style.height = "10px";
		nav.appendChild(img);
	}
	else{
		link = document.createElement("a");
		link.href = "javascript:nextpage();"

		img.src = "RArrow.jpg";
		img.alt = "More Photos";
		img.border = "0";
		img.onmouseover = rightover;
		img.onmouseout = rightout;

		link.appendChild(img);
		nav.appendChild(link);
	}

	//Space
	img = document.createElement("img");
	img.src = "whitespacer.gif";
	img.style.width = "5px";
	img.style.height = "1px";
	nav.appendChild(img);

}
function leftover(){
	var el = document.getElementById("leftarrow");
	el.src = "LArrowOver.gif";
}
function leftout(){
	var el = document.getElementById("leftarrow");
	el.src = "LArrow.gif";
}
function rightover(){
	var el = document.getElementById("rightarrow");
	el.src = "RArrowOver.gif";
}
function rightout(){
	var el = document.getElementById("rightarrow");
	el.src = "RArrow.gif";
}

function pickphoto(e){
	var id

	if (!e) {
		id = window.event.srcElement.id;
	}
	else{
		id = e.currentTarget.id;
	}
	var el;
	el = document.getElementById("photo");
	el.src=photoes[id].filename;

	//Change caption
	el = document.getElementById("Caption");
	while ( el.hasChildNodes() ){
		el.removeChild(el.lastChild);
 	}

	tn = document.createTextNode( photoes[id].caption );
	el.appendChild(tn);

}
function nextpage(){
	var cnum = currentpage * pnum;
	if ( cnum < photoes.length ){
		currentpage = currentpage + 1;
		loadphotoes(currentpage);
	}	
}

function prepage(){
	if ( currentpage > 0 ){
		currentpage = currentpage - 1;
		loadphotoes(currentpage);
	}	
}

loadphotoes(currentpage);