var control_play = new Image();
control_play.src = '../pics/gallery_play.gif';
var control_pause = new Image();
control_pause.src = '../pics/gallery_pause.gif';


var loaded=0;
var pos=-1;
var dir=+1;
var paused=true;
var slide_timeout=4000;
var timer = 0;
var autostart = false;


function imageLoaded(){
	loaded++;
	if (loaded==imgs.length){
		startSlideshow();
	}
}
function startSlideshow()	{
	//alert("Images loaded. Starting slideshow");
	var d = document.getElementById("slideshow_frame");
	pos=-1;
	dir=+1;
	updateSlide();
	if (autostart) {
		timer = setTimeout("advanceSlide()",slide_timeout);
	}
}
function updateSlide(){
	pos+=dir;
	if (pos==imgs.length)pos=0;
	if (pos<0)pos=imgs.length-1;

	var d = document.getElementById("current_slide");
	d.src=imgs[pos].src;

	if (typeof updateDetails != "undefined"){
		updateDetails();
	}
	
	var p = document.getElementById("position");
	if (p) p.innerHTML=""+(pos+1)+" / " + loaded;

}
function advanceSlide()
{
	if (paused) return;
	updateSlide();
	timer = setTimeout("advanceSlide()",slide_timeout);
}
function pauseSlide(btn){
	paused=!paused;
	dir=+1;
	if (paused){
		btn.innerHTML="<img src='"+control_play.src+"' style='border:1px solid white;' >";
	}
	else {
		btn.innerHTML="<img src='"+control_pause.src+"' style='border:1px solid white;' >";
	}
	if (timer) clearTimeout(timer);

	timer = setTimeout("advanceSlide()",slide_timeout);
}
function outSlide(){
	var d = document.getElementById("controlbar");
	d.style.display="none";
}
function enterSlide(){
	var d = document.getElementById("controlbar");
	d.style.display="";
}
function nextSlide(){
	dir=+1;
	updateSlide();
}
function prevSlide(){
	dir=-1;
	updateSlide();
}

function ImageDetails( date, title, subtitle){
					this.date=date;
					this.subtitle=subtitle;
					this.title=title;
}

function updateDetails(){
	var d = document.getElementById("image_details");
	var c = dets[pos];
	var dt="";

	if (c && c.date){
	dt += "<span class=date>"+c.date+"</span><Br>";
	}
	if (c && c.title){
	dt += "<span class=title>"+c.title+"</span><br>";
	}
	if (c && c.subtitle){
	dt += "<span class=subtitle>"+c.subtitle+"</span>";
	}
	d.innerHTML=dt;

}