//next button
var nextButton = null;

//previous button
var prevButton = null; 

//the div which contains the background image
var imageContainer = null;

//array of images
var arrImages = new Array();

//stores current array pointer
var arrIndex = 0;

var fade = null; 

window.addEvent('domready', function(){ 
	//initImage();
});

// initialise vars
var initImage = function(){
/*	nextButton = $('next');
	prevButton = $('previous');
	imageContainer = $('imageArea');
	
	//get images for this page
	imageContainer.getElements('li').each(function(singleElement){
		arrImages[arrImages.length] = singleElement.getElement('img').get('src');
	});
	
	//set first image
	changeImage();
	navigate();*/
}
/*

var changeImage = function(){
	imageContainer.setStyle('opacity','0');
	imageContainer.setStyle('background-image','url(' + arrImages[arrIndex] + ')');
	
	if(fade){ fade.cancel() }
	fade = new Fx.Morph(imageContainer,{ 'duration':'1200', link:'ignore' });
	fade.start({ 'opacity': [0.1,1] }); 
}*/