/**
 * Funcao que manipula a pagina de Clientes
 * @param elClicked O elemento clicado, utilizado como base para flag de busca
 */
function getClientes(elClicked){
    //nao é filtro por padrao
    var boolFiltro = false;
	
	
    //selects para filtro
    var containerSelects 	= $("#clientes_topo2_menu");
    var containerMiniaturas = $("#miniaturas");
    //var elSelectCliente 	= containerSelects.find("select[name='clientes']");
    var elSelectProduto 	= containerSelects.find("select[name='produtos']");
    var elSelectCidade 		= containerSelects.find("select[name='cidades']");
	
    //paginacao js
    var intPagina			= Number(getHashVars()["pagina"]) || 1;
	
    //insiro mascara no meio
    var elMeioSite = $("#meio_site");
    elMeioSite.loadmask();
	
    //Html das miniaturas
    var htmlCliente = 	"<div class='clientes_min'>" +
							
    //logotipo
    "<div class='clientes_min_foto'>" +
    "<p>" +
    "%logotipo%" +
    "</p>" +
    "</div>" +
							
    //link portfolio
    " %linkPortfolio% " +
							
    //link case
    " %linkCase% " +
							
    "</div>";
	
	
    //verifico atraves da hierarquia DOM, se estamos realizando um filtro
    if(containerSelects.find($(elClicked)).length > 0){
        boolFiltro = true;
    }
	
    //parametros padroes
    var objData = {
        fnTarget: 'get',
        pagina : intPagina
    };
	        
    //variacao do obj data de acordo com especificacao do filtro
    if(boolFiltro){
        objData = $.extend({
            prod1_cod: elSelectProduto.val(),
            strCidade: elSelectCidade.val()
        },objData);
    }
	
    //requisicao
    var strHtmlLogotipo, strHtmlPortfolio, strHtmlCase;

    $.ajax({
        type: 'POST',
        url: jQuery.root_path+'/ajax/Cliente.ajax.php',
        dataType: 'json',
        async: false,
        data: objData
        ,
        complete: function(){
            elMeioSite.unloadmask();
            SexyLightbox.initialize();
        }
        ,
        success: function(data, strSuccess){
			
            var length = $(data.rows).length;
            var item;
			
            //existem itens para inserir
            if(length>0){
                containerMiniaturas.html("");
				
                var i;
                for(i=0; i<length; i++){
                    var strHtmlLogotipo = "";
                    var strHtmlPortfolio = "";
                    var strHtmlCase = "";
                    var htmlClienteInterno = htmlCliente;
					
                    item = data.rows[i];
					
                    //logotipo
                    if(item.imagem.length > 0){
                        //strHtmlLogotipo = "../images/clientes/" + item.imagem;
                        strHtmlLogotipo = jQuery.root_path+"/resize/image.php/"+item.imagem+"?width=125&amp;height=105&amp;image="+jQuery.root_path+"/arquivos/clientes/"+item.imagem;
						
                        if(!Boolean(item.hasPortfolio) && !Boolean(item.hasCase) ){
                            strHtmlLogotipo = "<img src='"+strHtmlLogotipo+"' width='125' height='105' alt='Logotipo' style='margin-top: 25px;' />";
                        }else{
                            strHtmlLogotipo = "<img src='"+strHtmlLogotipo+"' width='125' height='105' alt='Logotipo' />";
                        }
						
						
                    }else{
                        strHtmlLogotipo = "";
                    }
					
                    //linkPortfolio
                    if(item.hasPortfolio === true){
                        strHtmlPortfolio  = "<a href='"+jQuery.root_path+"/portfolio/detalhes/"+item.portfolioId+"/"+item.nomeAmigavel+"' >";
					
                        if(!Boolean(item.hasCase)){
                            strHtmlPortfolio +=		"<img src='"+jQuery.root_path+"/images/clientes/ico_portfolio.gif' class='ico_port' alt='Portfolio' style='margin-left: 47px;' />";
                        }else{
                            strHtmlPortfolio +=		"<img src='"+jQuery.root_path+"/images/clientes/ico_portfolio.gif' class='ico_port' alt='Portfolio' />";
                        }
					
                        strHtmlPortfolio += "</a>";
					
					
                    }else{
                        strHtmlPortfolio = "";
                    }
					
					
                    //linkCase
                    if(item.hasCase === true){
                        strHtmlCase  = 	"<a href='"+jQuery.root_path+"/cases/index/"+item.id+"/?height=441&width=714' rel='sexylightbox' >";
					
                        if(!Boolean(item.hasPortfolio)){
                            strHtmlCase +=		"<img src='"+jQuery.root_path+"/images/clientes/ico_case.gif' class='ico_case' alt='Case' style='margin-left: 47px;' />";
                        }else{
                            strHtmlCase +=		"<img src='"+jQuery.root_path+"/images/clientes/ico_case.gif' class='ico_case' alt='Case' />";
                        }
					
                        strHtmlCase +=	"</a>";
					
                    }else{
                        strHtmlCase = "";
                    }
					
                    htmlClienteInterno = htmlClienteInterno.replace("%logotipo%", strHtmlLogotipo);
                    htmlClienteInterno = htmlClienteInterno.replace("%linkPortfolio%", strHtmlPortfolio);
                    htmlClienteInterno = htmlClienteInterno.replace("%linkCase%", strHtmlCase);
					
                    containerMiniaturas.append(htmlClienteInterno);
					
                    delete strHtmlLogotipo;
                    delete strHtmlPortfolio;
                    delete strHtmlCase;
                    delete htmlClienteInterno;
					
                }
				
            }
            //Nenhum registro encontrado
            else{
                containerMiniaturas.html("<div class='info'>Nenhum registro encontrado.</div>");
            }
			
			
            /**
             * Paginacao
             */
            var containerPaginacao = $("#clientes_paginacao > #meio");
            containerPaginacao.html(""); //limpa container
            var htmlPaginacao = "";
			
            //insiro flecha para voltar
            if(data.page > 1){
                var prevPage = ((data.page-1) >= 1) ? data.page-1 : 1;
                containerPaginacao.append(	"<div class='paginacao_prox'>"+
                    "<p>" +
                    "<a title='Ir para página "+prevPage+"' onclick=\"document.location = '"+jQuery.root_path+"/clientes/#pagina="+prevPage+"'; getClientes(this);\" style='cursor: pointer;'>" +
                    "<img src='"+jQuery.root_path+"/images/clientes/ico_flecha_esq.gif' /> Anterior"+
                    "</a>"+
                    "</p>"+
                    "</div>");
            }
			
            //insiro os numeros
            for(var i=1; i <= data.totalPages; i++){
                htmlPaginacao = "";
				
                if(i == data.page){
                    htmlPaginacao += "<div class='paginacao_on'>";
                }else{
                    htmlPaginacao += "<div class='paginacao_off'>";
                }
				
                htmlPaginacao += "<p>";
                htmlPaginacao +=	"<a title='Ir para página "+i+"' onclick=\"document.location = '"+jQuery.root_path+"/clientes/#pagina="+i+"'; getClientes(this);\" style='cursor: pointer;'>";
                htmlPaginacao += 		i;
                htmlPaginacao += 	"</a>";
                htmlPaginacao += "</p>";
                htmlPaginacao += "</div>";
				
                //insere o numero da pagina no container
                containerPaginacao.append(htmlPaginacao);
				
            }
			
			
            //insiro flecha para ir
            if(data.page < data.totalPages){
                var nextPage = ((data.page+1) <= data.totalPages) ? data.page+1 :  data.totalPages;
                containerPaginacao.append(	"<div class='paginacao_prox'>"+
                    "<p>" +
                    "<a title='Ir para página "+data.totalPages+"' onclick=\"document.location = '"+jQuery.root_path+"/clientes/#pagina="+nextPage+"'; getClientes(this);\" style='cursor: pointer;'>" +
                    "Próxima <img src='"+jQuery.root_path+"/images/clientes/ico_flecha.gif' />"+
                    "</a>"+
                    "</p>"+
                    "</div>");
            }
			
			
        }
		
    });
	
}

$(document).ready(function(){
    //implementaOverlay();
    getClientes();
});