// JavaScript Document
Cufon.replace('h5, .areacont_2x2 h6, .precoDet, .titHomeImoveis, .linkVerMais, .textoimovel span, .titulosDet, .textoimovel2 span, .nat-typ, .imoveisonde div, .temos div, .foto, .resultcol1 h6, .resultcol2 h6', { fontFamily: 'MetaBold',
hover: 'true', textShadow: '#cecece 0.55px 0.55px'});

Cufon.replace('h2', { fontFamily: 'MetaBold',
hover: 'true', textShadow: '#cecece 0.55px 0.55px'});

Cufon.replace('.menu', { 
fontFamily: 'MetaBold',
textShadow: '#434900 0.75px 0.75px',
hover: 'true'
});

Cufon.replace('.frase_toper', {
fontFamily: 'MetaItalic',
textShadow: '#a45811 0.75px 0.75px',
hover: 'true'
});

Cufon.replace('.desc1 a', {
fontFamily: 'FonteSimetur',
hover: 'true'
});

function gallery() {
	
	//if no IMGs have the show class, grab the first image
	var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a: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().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));	
	
	//Get next image caption
	var caption = next.find('img').attr('rel');	
	
	//Set the fade in effect for the next image, show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);

	//Hide the current image
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
	
	//Set the opacity to 0 and height to 1px
	$('#gallery a .descemp').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });	
	
	//Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
	$('#gallery a .descemp').animate({opacity: 0.7},100 ).animate({height: '100px'},500 );
	
	//Display the content
	$('#gallery a .descemp').html(caption);
	
	
}


/* slideshow */
function slideSwitch() {
    var $active = $('#slideshow img.active');

	$active.addClass('last-active');

	// verifica se existe um próximo objeto na div #slideshow, caso ele nao exista, retorna para o primeiro
    var $next =  $active.next().length ? $active.next() : $('#slideshow img:first');

	// Codigo que define as transicoes entre as imagens
    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}