$(document).ready(function() {		

	

	//Execute the slideShow, set 4 seconds for each images

	slideLogo(3000);



});



function slideLogo(speed) {

 
 
	//append a LI item to the UL list for displaying caption
//	$('ul.slidelogo').append('<li id="slidelogo-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');
//  tirar os // do inicio da linha anterior, para aparecerem as captions (textos)


	//Set the opacity of all images to 0

	$('ul.slidelogo li').css({opacity: 0.0});

	

	//Get the first image and display it (set it to full opacity)

	$('ul.slidelogo li:first').css({opacity: 1.0});

	

	//Get the caption of the first image from REL attribute and display it

	//$('#slidelogo-caption h3').html($('ul.slidelogo a:first').find('img').attr('title'));

	//$('#slidelogo-caption p').html($('ul.slidelogo a:first').find('img').attr('alt'));
		
	//Display the caption

	//$('#slidelogo-caption').css({opacity: 0.7, bottom:0});

	

	//Call the gallery function to run the slideshow	
	var timer = setInterval('galleryl()',speed);
	
	//pause the slideshow on mouse over
//	$('ul.slidelogo').hover(
//		function () {
//			clearInterval(timer);	
//		}, 	
//		function () {
//			timer = setInterval('gallery()',speed);			
//		}
//	);
	

 }


function galleryl() {


	//if no IMGs have the show class, grab the first image

	var current = ($('ul.slidelogo li.show')?  $('ul.slidelogo li.logo') : $('#ul.slidelogo li:first'));


	//Get next image, if it reached the end of the slideshow, rotate it back to the first image

	var next = ((current.next().length) ? ((current.next().attr('id') == 'slidelogo-caption')? $('ul.slidelogo li:first') :current.next()) : $('ul.slidelogo li:first'));
		

	//Get next image caption

	//var title = next.find('img').attr('title');	

	//var desc = next.find('img').attr('alt');	


	//Set the fade in effect for the next image, show class has higher z-index

	next.css({opacity: 0.0}).addClass('logo').animate({opacity: 1.0}, 1000);
	
	//Hide the caption first, and then set and display the caption

	//$('#slidelogo-caption').slideToggle(300, function () { 
	//	$('#slidelogo-caption h3').html(title); 
	//	$('#slidelogo-caption p').html(desc); 
	//	$('#slidelogo-caption').slideToggle(500); 
	//});		

 
	//Hide the current image

	current.animate({opacity: 0.0}, 1000).removeClass('logo');

}