navItems = '';
nImgTotal = 0;
images = '';
jQuery(document).ready(function(){
	var $ = jQuery;
	
	navItems = $('#gallery-viewer .nav li a');	
	
	$('#gallery-viewer .items .current').css('z-index', 100);

	  
	$(navItems).each(function(i,items){				 
		$(items).mouseover(changeSlide);	
		nImgTotal++;
	})
   
						   
})

previousSlide = '';

function changeSlide(e){
	var $ = jQuery;
	target = e.srcElement || e.target;
 	clearInterval(intID);
	
	//GET CURRENT SLIDE
	currentSlide = $('#'+$(target).attr('rel'));		
  	if(currentSlide != previousSlide) {

		$(currentSlide).css('z-index', 100);
	
		if(previousSlide != ''){		
			
			$(previousSlide).css({'z-index': 1, 'display': 'block' });	
			$(currentSlide).stop().animate({opacity: 1}, "normal", function(){
				$(this).siblings('li').css({opacity: 0}, "normal");													 
			});	 
													 
		}else{
			$(currentSlide).stop().animate({opacity: 1}, "normal");
	
		}
	
		
		
		
		//CAPTURE PREVIOUS SLIDE
		previousSlide = currentSlide;
	}
	
	intID = setInterval(changeImg, 5000);
} 


currentImg = 0;
function changeImg(){
	var $ = jQuery;
	
	
	$($(navItems).get(currentImg)).trigger('mouseover');
	 
	
	currentImg++;
	currentImg = (currentImg ==nImgTotal)?0:currentImg;
}
	
intID = setInterval(changeImg, 5000);