var objTemplate = null;
var pages = 0;
var pageSize = 6;

var TIPOBUSCA = {
	ID: 'porId',
	RECENTES: 'porRecentes',
	TAG: 'porTag',
	SEGMENTO: 'porSegmento'
}

function buscarProjetos( data, tipo, callback ) {		
	
	$('#portifolio_container').fadeOut(500);
	
	setTimeout( function() {
		$('#portifolio_container').fadeIn(500);
		$('.paginacao').hide();		
		$('#projetos').removeClass('sumir');
		$('#projetos').html('<img src="img/padrao/carregando.gif" alt="Carregando" class="alignCenter" />');		
		
		$.ajax({ 
			type: "GET",
			url: "portifolio/xml/"+tipo+"/"+data,
			success: function( xml ){
				$('#projetos').html('');			
				pages = Math.ceil( $(xml).find('portifolio').size() / pageSize );
				
				if( $(xml).find('portifolio').size() == 0 ) { 
					$('#projetos').html('<p><strong>Nenhum projeto encontrado</strong></p>');				
				} else {
					if( $(xml).find('portifolio').size() > pageSize ) {
						$('.paginacao').fadeIn('slow');
					}
				}
				
				$(xml).find('portifolio').each(function( index, element ) {					
					var obj = objTemplate;					
					$(obj).find('.titulo span').html($(this).find('nm_projeto').text());				
					$(obj).find('.descricao span').html($(this).find('ds_projeto').text());
					$(obj).find('.tags span').html($(this).find('ds_tags').text());
					$(obj).find('img').attr('src', 'thumb.php?src='+$(this).find('img').text()+'&wMax=196&hMax=135&crop=0&cor=d9dfe8');
					$(obj).find('img').attr('alt', $(this).find('nm_projeto').text());
					$(obj).find('.highslide').attr('href', $(this).find('img').text());															
					
					$(obj).find('.highslide-caption').attr('id', 'legenda'+index);
					$(obj).find('.highslide-caption').html('<a href="'+$(this).find('ds_url').text()+'" target="_blank">'+$(this).find('ds_url').text()+'</a>');
					
					$('#projetos').append('<div style="display: none;">'+$(obj).html()+'</div>');
				});	      
				
				$('#projetos div .highslide').each(function( index, element ) {
					$(this).bind('click', { index:index }, function( event ) {						
						if(! hs.expand(this, { align:'center', easing: 'easeOutBack', easingClose: 'easeOutQuad', outlineType: 'rounded-white', captionId: 'legenda"+event.data.index+"' }) )
							event.preventDefault();
					});				
				});				
				
				if( callback ) { callback(); }
		    }}
		);
	}, 500);

}

function paginate() {
	new Paginate( pageSize, '#projetos div', '.paginacao' );
}

$(document).ready(function() {
	objTemplate = $('#projetos div')[0];
	
	if( $("#portifolio_id").html() != "" ) {		
		$('#titulo').html('&raquo; '+ $('#nm_projeto').html() );
		buscarProjetos( $("#portifolio_id").html(), TIPOBUSCA.ID, paginate );
	} else {
		buscarProjetos( 12, TIPOBUSCA.RECENTES, paginate );
	}
	
	$('#btnBuscar').bind('click', function() {
		if( $('#ds_tags').val() == '' ) {
			alert('Preencha o campo corretamente');
		} else {
			$('#titulo').html('&raquo; '+ $('#ds_tags').val().replace(/<\/?[^>]+>/gi, '') );
			buscarProjetos( $('#ds_tags').val(), TIPOBUSCA.TAG, paginate );
			$('#ds_tags').val('');			
		}
		$('#ds_tags').focus();
	});
	
	$('#segmentos li a').each(function() {
		$(this).bind('click', function(event) {
			event.preventDefault();
			$('#titulo').html('&raquo; '+$(this).text());
			buscarProjetos( $(this).attr('href'), TIPOBUSCA.SEGMENTO, paginate );
		});
	});	
	
	$('#ds_tags').bind('focus click', function() { this.select(); });	
	$('#frmBusca').bind('submit', function( event ) { event.preventDefault(); })
	
	$('#ds_tags').bind('keyup', function( event ) {
		if( event.which == 13 ) {
			$('#btnBuscar').click();
		}
	});

});