// JavaScript Document


window.addEvent('domready', function(){
	

	
	
	//create project images
	var slidetime = 5000; //3 seconds between changes
	var periodical;
	var activeItem;
	var started = 0;
	var itemsLength;
	var newItemNumber =1;
	
	//get all the slideshow items
	function getItems  () {
		var items = $('slidecontain').getElements('.slideshow-item');
	 itemsLength = items.length;
	
	
	for(var i=0; i<itemsLength; i++)
	{
		//if we're not on the first one, hide it
		if(i != 0)
		{
			fade('hide',items[i]);
		}
		else
		{
			activeItem = items[i].id;
		}
	}
	
	
	}//end get items
	


	

 function fade (task, el) {
	 
	 var fx = new Fx.Style (el,'opacity');
	 
	 if (task == 'hide') {
		fx.set(0);
	 }
	 
	 if (task =='in') {
		
		
		fx.start( 0, 1);
		
		 
	 }
	 
	  if (task =='out') {
		
		
		fx.start(1, 0);
	
		 
	 }
	 
	 
 }
	
	
	
	
	
	
	
	
	function rotate()
	{
	
	
		if(started == 1)
		{
			//get the number we're dealing with (item-#) so that we can work out whether the # is the last item or not
			var activeNumber = activeItem.split('-');
			activeNumber = activeNumber[1];
			
			if(activeNumber == itemsLength) //are we on the last item? if so start back at the beginning.
			{
				newItemNumber = 1;
			}
			else //otherwise just add 1 to the last active id
			{
				newItemNumber = (parseInt(activeNumber)+1);
			}
			
			var divId = 'slide-'+newItemNumber;
			var div = 'slide-';
			$(divId).removeClass('nodisplay');
			fade('in',$(divId));
			fade('out',$(activeItem));
			$(activeItem).addClass('nodisplay');
			activeItem = div+newItemNumber;
			
		}
		else
		{
			started = 1;
		}
		$clear(periodical); //clear the timer
		periodical = rotate.periodical(slidetime); //repeat!
	}

getItems();
rotate();
	
	
	});