// portfolio.js
var counter = 0;
var portfolio = new Array();
var displayId = 'image';
//location relative to the page that loads this
var imageRoot = '';
var defaultAlt = 'Dick van wijk werkt in brons, staal, steen & glas.';

function loadImages(collName)
{	
	portfolio = new Array();
	base = imageRoot+collName
	var url = base+'/index.toc';
	var myAjax = new Ajax.Request(url, {method: 'get', onComplete: showImages});
}
var ready = false;
function showImages(originalRequest)
{
	var i = 0;
	counter = 0;
	var txt = originalRequest.responseText;
	var items = txt.split(",");
	items.each( function (item)
	{
		portfolio[i] = new Array(base+"/"+item,defaultAlt);
		i++;
	})	
	if ($(displayId))
	{
		loadImage(counter);
	}
	else { alert('image target not found'); }
	//setInnerHtml('number','1');
	//setInnerHtml('total',portfolio.length);
	ready = true;
	//preloaden
	var cache = new Array();
	for (x=0; x < portfolio.length; x++)
	{	
		var preLoad = new Image();
		preLoad.src = portfolio[x][0];
		cache[x] = preLoad;
		window.status = 'loaded cached image : '+portfolio[x][0];
	}
	window.status = 'ready';
}

//portfolio navigation functions
function next()
{
	counter++;
	if (counter >= portfolio.length) { counter = 0; }
	$(displayId).style.display = 'none';
	loadImage(counter);
	Effect.Appear(displayId);
}
function previous()
{
	counter--;		
	if (counter < 0) { counter =  portfolio.length-1; }
	$(displayId).style.display = 'none';
	loadImage(counter);
	Effect.Appear(displayId);
}
//helper function for loading the image
function loadImage(id)
{
	setBackgroundImage(displayId,imageRoot+portfolio[id][0]);
}
//helper function for settings the texts
function setInnerHTML(id, text)
{
	if (document.getElementById(id))
	{
		x = document.getElementById(id);
		var new_txt = document.createTextNode(text);
		x.replaceChild(new_txt, x.childNodes[0]);
	}
	else if (document.all)
	{
		x = document.all[id];
		var new_txt = document.createTextNode(text);
		x.replaceChild(new_txt, x.childNodes[0]);
	}
	else if (document.layers)
	{
		x = document.layers[id];
		x.document.open();
		x.document.write(text);
		x.document.close();
	}
}
function setBackgroundImage (id, imageURL) 
{
  if (document.layers)
    document[id].background.src = imageURL == 'none' ? null : imageURL;
  else if (document.all)
    document.all[id].style.backgroundImage = imageURL == 'none' ? 'none' : 'url(' + imageURL + ')';
  else if (document.getElementById)
    document.getElementById(id).style.backgroundImage = imageURL == 'none' ? 'none' : 'url(' + imageURL + ')';
}