var slidechain = new Chain();	

var slides = ['1.html','2.html','3.html','4.html','5.html','6.html'];

var slidenumber = 0;

function loopit(){
										
	var getPage = new Request.HTML({update:'slideholder',onComplete:function(){slidechain.callChain();}});
	
	var fade = new Fx.Morph($('slideholder'),{'duration':1000,onComplete:function(){slidechain.callChain();}});
	
	var slidepath = '/assets/html/slides/';
	
	slides.each(function(slide){
		slidechain.chain(function(){fade.start({'opacity':0})});
		slidechain.chain(function(){getPage.get(slidepath+slide)});		
		slidechain.chain(function(){changenumbers();fade.start({'opacity':1})});	
		slidechain.wait(1000);					
	})
	
	slidechain.chain(function(){loopit();})
	
	slidechain.callChain();
	
}

function changenumbers()
{
	var numbers = $$('div.number');
	
	for (var i = numbers.length - 1; i >= 0; i--){
		if(numbers[i] == numbers[slidenumber])
		{
			numbers[i].className = 'number selected';
		}
		else
		{
			numbers[i].className = 'number';				
		}
	};
	
	if(slidenumber<slides.length-1){slidenumber++;}
	else {slidenumber = 0;}
	
}

function addnumbers()
{
	var holder = document.createElement('div');
	holder.className = 'numberholder';
			
	for (var i = 0; i < slides.length; i++){
		var number = document.createElement('div');
			number.className = 'number';
			number.id = i+'_sli';
			number.innerHTML = i+1;
		holder.appendChild(number);
	};
	
	$('slidebox').appendChild(holder);
}

	function gotoslide(number)
	{
		slideChain.clearchain();
		slidenumber = number.toInt()-1;
		loopit();
	}



// function showslide(src)
// {
// 	var myHTMLRequest = new Request.HTML({update:'slideholder'});
// 	var initialize = new Fx.Morph($('slideholder'),{'duration':0});
// 	initialize.start('opacity',1);
// 	src = '/assets/html/slides/'+src+'.html';
// 	myHTMLRequest.get(src);
// }
// 
// function slidebox(slideWait,fadeDuration,slideArray,slidePath){
// 
// 	var initialize = new Fx.Morph($('slideholder'),{'duration':0});
// 	
// 	var fade = new Fx.Morph($('slideholder'),{'duration':fadeDuration});
// 	
// 	// var wait = new Fx.Morph($('slideholder'),{'duration':4000});
// 
// 	var fxchain = new Chain;
// 
// 	var slides = slideArray;
// 	var sc = 0;
// 	var myHTMLRequest = new Request.HTML({update:'slideholder'});
// 			
// 	function nextslide(){
// 		if (sc<(slides.length-1))
// 		{
// 			sc++;
// 		}
// 		else
// 		{
// 			sc=0;
// 		}
// 		
// 	}
// 	

// 	
// 	addnumbers();
// 	
// 	function changenumbers()
// 	{
// 		var numbers = $$('div.number'); //Returns an array of all anchor tags with the class 'myClass' within the DOM element with id 'myElement'.
// 		
// 		for (var i = numbers.length - 1; i >= 0; i--){
// 			if(numbers[i] == numbers[sc])
// 			{
// 				numbers[i].className = 'number selected';
// 			}
// 			else
// 			{
// 				numbers[i].className = 'number';				
// 			}
// 		};
// 	}
// 			
// 	function showslides()
// 	{		
// 		
// 		fade.start({'opacity':0}).chain(function(){changenumbers();
// 				myHTMLRequest.get(slidePath+slides[sc]).chain(function(){
// 					fade.start({'opacity':1}).wait(slideWait).chain(function(){showslides();})
// 				})
// 			});		
// 			
// 			nextslide();	
// 			
// 			
// 	}
// 	
// 	myHTMLRequest.get(slidePath+slides[sc]);
// 	changenumbers();	
// 	fade.start({'opacity':1}).wait(slideWait).chain(function(){showslides()});
// 	
// 	function gotoslide(number)
// 	{
// 		sc = number.toInt();
// 		changenumbers();
// 		showslides();
// 	}
// 
// 	$$('div.number').addEvent('click', function () {gotoslide(this.id); return false; });	
// 
// }