var runSS = true;
/* Display the new image using fade-in/out */
function gDisplay(basedir, image){
	var myImage = new Asset.image(basedir+'/'+image, {onload: function(){
		var mysplit = image.split('/');
		var title = new Element('div', {'html': mysplit[0]});
		$('slideshow').fade('out');
		(function(){ 
			$('slideshow').setStyle('background-image', 'url("'+basedir+'/'+image+'")');
			//~ $('slideshow').empty(); myImage.inject($('slideshow')); 
			$('slideshow').empty(); title.inject($('slideshow'));
		}).delay(500);
		(function(){ $('slideshow').fade('in');}).delay(500);
		var runSS = true;
	}});
}

function startStop(a){
	if (a == 'start'){
		runSS = true;
		$('pBtn').setStyle('background-image', 'url("'+base+'images/pause.png")');
		$('pBtn').set('text', 'Click image to pause');
	} else{
		runSS = false;
		$('pBtn').setStyle('background-image', 'url("'+base+'images/play.png")');
		$('pBtn').set('text', 'Click image to play');
	}
}

/* load the slideshow */
function loadSlideshow(basedir){
	var jsonRequest = new Request.JSON({url: basedir+"/index.php", onComplete: function(myImages){
		/* if the results exist */
		if (myImages){
			$('slideshowHolder').addEvent('click', function(){
				if(runSS) startStop('stop');
				else startStop('start');
			});
			var pBtn = new Element('div', {'id':'pBtn'});
			pBtn.inject($('slideshowHolder'), 'top');
			startStop('start');
			startCount = 1;
			function showNextImage(){
				if (startCount == myImages.length){ startCount = 1; }
				else { startCount = startCount+1; }
				return startCount - 1;
			}
			gDisplay(basedir, myImages[0]);
			(function(){
				if (runSS) gDisplay(basedir, myImages[showNextImage()]);
			}).periodical(6000);
		}
	}}).get();
}

function siteMail(){
	var who = 'diana';
	var where = 'degas';
	document.write('<a href="'+'mailto'+':'+who+'@'+where+'.co.nz">'+who+'@'+where+'.co.nz</a>');
}

function dispImg(id){
	var imgtitle = $('head_'+id).innerHTML;
	var descr = $('descr_'+id).innerHTML;
	Slimbox.open(base+'images/gallery/large/'+id+'.jpg', imgtitle+'<p class="descr">'+descr+'</p>');
}