// 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 = $('main-content').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)
		{
			items[i].fade('hide');
		}
		else
		{
			activeItem = items[i].id;
		}
	}
	
	
	}//end get items
	


	


	
	
	
	
	
	
	
	
	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');
			$(divId).fade('in');
			$(activeItem).fade('out');
			$(activeItem).addClass('nodisplay');
			activeItem = div+newItemNumber;
			
		}
		else
		{
			started = 1;
		}
		$clear(periodical); //clear the timer
		periodical = rotate.periodical(slidetime); //repeat!
	}

getItems();
rotate();
	
	
	});