$(document).ready(function(){
	var currentImg = 0;
	var galDiv = $('#galImages');
	var totalItems = galDiv.find('span').size();
	var slideNav = '';
	var imgNum=currentImg;
	var aClass='';
	var imgDelay = 8000;
	var itemClicked = false;
	
	galDiv.items = $("img", galDiv);
	
	if(totalItems > 1){
		slideNav = '<div id="slideNav">';
		for(var i = 0; i < totalItems; i++){
			if(i!=currentImg){
				$(galDiv.items[i]).hide();
				aClass = 'showImage';
			} else {
				aClass = 'imgSelected';
			}
			slideNav += '<a class="'+aClass+'" id="img_'+i+'" title="'+i+'">'+parseInt(i+1)+'</a> ';
		}
		slideNav += '</div>';
	}
	
	$(galDiv).after(slideNav);
	
	$(".showImage,.imgSelected").click(function(){
		imgNum = $(this).attr('title');
		if(currentImg!=imgNum){
			itemClicked = true;
			toggleImg(imgNum);
		}
	});
	
	startTicker = function(currentImg){
		if(imgNum == totalItems-1){
			imgNum=0;
		} else {
			imgNum = parseInt(currentImg)+1;
		}
		if(!itemClicked){
			galDiv.interval = setInterval(
				function(){ 
					toggleImg(imgNum);
				}, 
				imgDelay
			);
		}
	}
	
	toggleImg = function(){
		$(galDiv.items[currentImg]).fadeOut('fast');
		$(galDiv.items[imgNum]).fadeIn('slow');
		$('#img_'+currentImg).removeClass('imgSelected');
		$('#img_'+imgNum).addClass('imgSelected');
		currentImg = imgNum;
		clearInterval(galDiv.interval);
		startTicker(imgNum);
	};
	
	startTicker(currentImg);
});