function fetchGallery(id) {
	var url = 'test.php';
	var pars = 'alId='+id;
	var myAjax = new Ajax.Request(url,
	{
		method: 'get', 
		parameters: pars, 
		onSuccess: buildGallery
	});
}

var imgsGallery = new Array();
var imgs;

function buildGallery(req, json) {
	// alert(json.year);
	// alert("client: " + json.clientName + "\n" + "year: " + json.year + "\n" + "images: " + json.imgs.length);
		
	var imgsGallery = new Array();
	setOnMouseClick();
	for (i=0;i<(json.imgs.length+1);i++) {
		imgsGallery[i] = new Object();
		imgsGallery[i].image = json.imgs[i-1];
		imgsGallery[i].title = "";
		imgsGallery[i].caption = "";
	}
	// alert(imgsGallery[2].image);
	document.getElementById("projects").style.backgroundColor="black";
	document.getElementById("slideshowstop").style.visibility="hidden";
	document.getElementById("slideshowstart").style.visibility="visible";
	$('imgs-frame').hide();
	$('projectName').hide();
	document.getElementById("overprojecttext").style.zIndex = 3;
	document.getElementById("overprojects").style.zIndex = 2;
	$('projects').show();
	$('frontpagetext').show();
	
	var start = 0;
	imgs = new MudFadeGallery('imgs', 'imgDisplay', imgsGallery, {startNum: start, preload: true, autoplay: 0});
	// 
	// // set the initial captions
	var title = (imgsGallery[0].title) ? imgsGallery[0].title : "No Title";
	var caption = (imgsGallery[0].caption) ? imgsGallery[0].caption : "No caption";
	$("imgDisplay_title").innerHTML = title;
	$("imgDisplay_caption").innerHTML = caption;
	$("imgDisplay_number").innerHTML = "1/" + imgsGallery.length + " &nbsp;";
	$("imgDisplay").src = imgsGallery[start].image;
	$("projectName").innerHTML = json.projectName;
	$("clientName").innerHTML = json.clientName;
	$("year").innerHTML = json.year;
	$("projectName1").innerHTML = json.projectName;
	$("projectDesc").innerHTML = json.projectDesc;
}

function setOnMouseClick() {
	var elements = document.getElementsByTagName("a");
	for (var i = 0; i < elements.length; i++) {
		switch(elements[i].className) {
			case "next":
				elements[i].onclick = function() {
					 imgs.nextImg();
					 return false;
				}
				break;
			case "prev":
				elements[i].onclick = function() {
					 imgs.prevImg();
					 return false;
				}
				break;
			case "s0":
				elements[i].onclick = function() {
					 imgs.showImg(0);
					 return false;
				}
				break;
			case "s1":
				elements[i].onclick = function() {
					 imgs.showImg(1);
					 return false;
				}
				break;
			case "s2":
				elements[i].onclick = function() {
					 imgs.showImg(2);
					 return false;
				}
				break;
			case "s3":
				elements[i].onclick = function() {
					 imgs.showImg(3);
					 return false;
				}
				break;
		}
	}
}

function init() {
	$('projects').hide();
	$('frontpagetext').hide();
}

Event.observe(window, 'load', init, false);

function closeGallery() {
 // controller is the ID name of the DIV that holds the gallery.
  $('projectName').show();
  document.getElementById("overprojecttext").style.zIndex = 0;
  document.getElementById("overprojects").style.zIndex = 0;
  $('overprojecttext').hide();
  $('overprojects').hide();
}