var pCollection;
var speed = 5000;
var timer = 0;
var pInterval;
var currentIndex=0;
var pframe;
function createList(){
	var pList = document.getElementById("phtList");
	var pCont = document.getElementById("pController");
	var pDesc = document.getElementById("desc");
	document.getElementById("phtCaption").style.display = "none";
	document.getElementById("phtCaptionBg").style.display = "none";
	
	opacity = 70;
	
	pCont.style.opacity = (opacity / 100); 
	pCont.style.MozOpacity = (opacity / 100); 
	pCont.style.KhtmlOpacity = (opacity / 100); 
	pCont.style.filter = "alpha(opacity=" + opacity + ")"; 
	
	pframe = document.getElementById("phtFrame");
	pCollection = pList.getElementsByTagName("LI");
	
	pframe.childNodes.item(0).src = pCollection[currentIndex].childNodes.item(0).href;
	setCaption(pCollection[currentIndex])
	btnController('phtstop');
	
	document.getElementById("text").innerHTML = pDesc.innerHTML;
}
function setCaption(node){
	if(showCaptions){
		document.getElementById("phtCaption").innerHTML = node.childNodes.item(0).lastChild.nodeValue;
		document.getElementById("phtCaption").style.display = "";
		document.getElementById("phtCaptionBg").style.display = "";
	}else{
		document.getElementById("phtCaption").style.display = "none";
		document.getElementById("phtCaptionBg").style.display = "none";
	}
}
function reset(){
	pframe.childNodes.item(0).src = pCollection[currentIndex].childNodes.item(0).href;
	btnController('phtstop');
}
function slideShow(){
	pInterval = setInterval(loadPhoto, speed);
	btnController('phtplay');
}
function loadPhoto(src, des){
	if(currentIndex<pCollection.length-1){
		pframe.childNodes.item(0).src = pCollection[currentIndex+1].childNodes.item(0).href;
		setCaption(pCollection[currentIndex+1])
		currentIndex = currentIndex+1;
	}else{
		currentIndex=0;
		clearInterval(pInterval);
		reset();
	}
}
function phtStop(){
	clearInterval(pInterval);
	btnController('phtstop');
}
function phtNext(){
	clearInterval(pInterval);
	if(currentIndex<pCollection.length-1){
		pframe.childNodes.item(0).src = pCollection[currentIndex+1].childNodes.item(0).href;
		setCaption(pCollection[currentIndex+1])
//		document.getElementById("phtCaption").innerHTML = pCollection[currentIndex+1].childNodes.item(0).lastChild.nodeValue;
		currentIndex = currentIndex+1
	}
	btnController('phtnext');
}
function phtPrevious(){
	clearInterval(pInterval);
	if(currentIndex>0){
		pframe.childNodes.item(0).src = pCollection[currentIndex-1].childNodes.item(0).href;
		setCaption(pCollection[currentIndex-1])
		//document.getElementById("phtCaption").innerHTML = pCollection[currentIndex-1].childNodes.item(0).lastChild.nodeValue;
		currentIndex = currentIndex-1
	}
	btnController('phtprevious');
}
function btnController(a){
	if(a=='phtplay'){
		document.getElementById('phtnext').className = "btn-disabled";
		document.getElementById('phtprevious').className = "btn-disabled";
		document.getElementById('phtplay').className = "btn-disabled";
		document.getElementById('phtstop').className = "btn";
		
		document.getElementById('phtnext').disabled = true;
		document.getElementById('phtprevious').disabled = true;
		document.getElementById('phtplay').disabled = true;
		document.getElementById('phtstop').disabled = false;
	}
	if(a=='phtstop'){
		
		document.getElementById('phtnext').className = "btn";
		document.getElementById('phtprevious').className = "btn";
		document.getElementById('phtplay').className = "btn";
		document.getElementById('phtstop').className = "btn-disabled";
		
		document.getElementById('phtnext').disabled = false;
		document.getElementById('phtprevious').disabled = false;
		document.getElementById('phtplay').disabled = false;
		document.getElementById('phtstop').disabled = true;
	}
	if(a!='phtplay'){
	if(currentIndex==pCollection.length-1){
		document.getElementById('phtnext').className = "btn-disabled";
		document.getElementById('phtprevious').className = "btn";
		
		document.getElementById('phtnext').disabled = true;
		document.getElementById('phtprevious').disabled = false;
	}
	if(currentIndex==0){
		document.getElementById('phtnext').className = "btn";
		document.getElementById('phtprevious').className = "btn-disabled";
		
		document.getElementById('phtnext').disabled = false;
		document.getElementById('phtprevious').disabled = true;
	}
	if(currentIndex>0 && currentIndex<pCollection.length-1){
		document.getElementById('phtnext').className = "btn";
		document.getElementById('phtprevious').className = "btn";
		
		document.getElementById('phtnext').disabled = false;
		document.getElementById('phtprevious').disabled = false;
	}
	}
}