function showFeedback(message,type,location,currentTag,inDiv)
{
    $("#"+location+"").empty();
    switch(type)
    {
        case "success":
        {            
            if (currentTag == true)
            {
                $("#"+location+"").attr("class","sucessMessage");
                $("#"+location+"").append(message);   
            }
            else
            {
                if (inDiv == true)
                {    
                    outputHtml = "<div class=\"configTelem fundoEscuro\"><label class=\"sucessMessage\">" + message + "</label></div>";
                }
                else
                {
                    outputHtml = "<label class=\"sucessMessage\">" + message + "</label>";
                }
                $("#"+location+"").append(outputHtml);               
            }
            break;
        }
        case "error":
        {
            if (currentTag == true)
            {        
                $("#"+location+"").attr("class","errorMessage");
                $("#"+location+"").append(message);
            }
            else
            {
                if (inDiv == true)
                {    
                    outputHtml = "<div class=\"configTelem fundoEscuro\"><label class=\"errorMessage\">" + message + "</label></div>";            
                }
                else
                {
                    outputHtml = "<label class=\"errorMessage\">" + message + "</label>";
                }                            
                $("#"+location+"").append(outputHtml);                 
            }
            break;
            
        }        
    }
}

function progressWaiter()
{
    return "<img src='/img/progressIndicator.gif' alt='' class='progressIndicator'/>";
}

function getSelectedContent(marca,modelo,value)
{   
	$("#menu_3blocos div").each(function(){	    
		$(this).attr('class',$(this).attr('oldclass'))
	}); 
	$("#descricaoConteudo").empty();
    $("#descricaoConteudo").append(progressWaiter());
    $("#"+marca.replace(' ','')+modelo.replace(' ','')+value).attr('class',$("#"+marca.replace(' ','')+modelo.replace(' ','')+value).attr('class')+" active");
    $.ajax({url:"/ApoioCliente/ConfigTlmAJAX.aspx", 
			type:"GET",
			dataType:"html",
            data:{call: "ajax", dorequest: "conteudo", marca: marca, modelo: modelo, conteudo: value, refreshcache: IsRefreshCache()},
			success:function(html){
			    texto = $("#menu_3blocos").text();
			    if (texto.length > 0)
			    {
			        $("#descricaoConteudo").empty();
			        $("#descricaoConteudo").append(html);
			    }
			},
			error:function(req,error,ex){			    
			    mensagemErro = $("#mensagem_erro_conteudo").val();
			    showFeedback(mensagemErro,"error","descricaoConteudo",false,false);					    
			}
    });
    
}

function getAvailableContents(marca,modelo)
{    
    $.ajax({url:"/ApoioCliente/ConfigTlmAJAX.aspx", 
			type:"GET",
			dataType:"json",	
			async:false,		
            data:{call: "ajax", dorequest: "conteudosDisponiveis", marca: marca, modelo: modelo, refreshcache: IsRefreshCache()},
			success:function(json){			    
                drawContents(marca,modelo,json);		
			    $("#descricaoConteudo").empty();			    
			    $("#descricaoConteudo").append(json.resultstatus);
			},
			error:function(req,error,ex){			    
			    mensagemErro = $("#mensagem_erro_listaconteudos").val();
			    //htmlErro = "<div class=\"configTelem fundoEscuro\">" + mensagemErro + "</div>";
		        showFeedback(mensagemErro,"error","menu_3blocos",false,true);
			}
    });    
}

function drawEmptyContent()
{
    $("#menu_3blocos").empty();
    for (i=1;i<4;i++)
    {
        if (i<3)
        {
            umBloco = "<div class='menu_bloco margemDir'><a><span>&#9612;</span></a></div>";
        }
        else if (i==3)
        {
            umBloco = "<div class='menu_bloco'><a><span>&#9612;</span></a></div>";
        }
        $("#menu_3blocos").append(umBloco);
    }
}

function drawContents(marca,modelo,json)
{    
    contador=0;
    for(conteudo in json)
    {
        contador++;        
    }
    size = contador;
    numberOfLines = Math.ceil(size/3);
    $("#menu_3blocos").empty();
    aCount=1;
    for(conteudo in json)
    {
        if (aCount<3)
        {
            umBloco = "<div class=\"menu_bloco margemDir\" oldclass=\"menu_bloco margemDir\" id='"+marca.replace(' ','')+modelo.replace(' ','')+conteudo+"'><a href=\"javascript:getSelectedContent('"+marca+"','"+modelo+"','"+conteudo+"')\"><span>&#9612;</span>"+json[conteudo]+"</a></div>";            
        }
        else if (aCount==3)
        {
            umBloco = "<div class=\"menu_bloco\" oldclass=\"menu_bloco\" id='"+marca.replace(' ','')+modelo.replace(' ','')+conteudo+"'><a href=\"javascript:getSelectedContent('"+marca+"','"+modelo+"','"+conteudo+"')\"><span>&#9612;</span>"+json[conteudo]+"</a></div>";               
        }
        else
        {
            aCount=1;
            umBloco = "<div class=\"menu_bloco margemDir\" oldclass=\"menu_bloco margemDir\" id='"+marca.replace(' ','')+modelo.replace(' ','')+conteudo+"'><a href=\"javascript:getSelectedContent('"+marca+"','"+modelo+"','"+conteudo+"')\"><span>&#9612;</span>"+json[conteudo]+"</a></div>";             
        }
        $("#menu_3blocos").append(umBloco);                
        aCount++;
    }          
    if ((size % 3) == 1) {
        umBloco = "<div class=\"menu_bloco margemDir\"><a><span>&#9612;</span></a></div>";
        $("#menu_3blocos").append(umBloco);
    }
    if ((size % 3) >= 1) {
        umBloco = "<div class=\"menu_bloco\"><a><span>&#9612;</span></a></div>";               
        $("#menu_3blocos").append(umBloco);
    }

    //para não ficar sem a barra de conteúdos
    texto = $("#menu_3blocos").text();    
	if (texto.length == 0) { drawEmptyContent(); }
}

function marca_changed(text,value,container)
{        
    $("#descricaoConteudo").empty();
    $("#phoneImage").hide();
    $("#phoneImage").attr('src', '');
    $("#menu_3blocos").empty();
    $("#manual").hide();
    var select_modelo = $("#select_modelo");         
    var lista = $("div.combobox_list",select_modelo);    
    var input_text = $("div.combobox_header INPUT[@type=text]",select_modelo);
    var input_value = $("div.combobox_header INPUT[@type=hidden]",select_modelo);            
    
    for(marca in marcas) if(marcas[marca].marca_id == value) break;
    input_value.val('');
    input_text.val('');
    lista.empty();    
    var modelos = marcas[marca].modelos;
    for(modelo in modelos) if (modelos[modelo].modelo_id != undefined) { lista.append('<a href="#" data="'+modelos[modelo].modelo_id+'">'+modelos[modelo].modelo_desc+'</a><br/>'); }
    input_text.val(modelos[0].modelo_desc);
    input_value =(modelos[0].modelo_id);
    select_modelo.get(0).rebuild();      
    sortList($("#select_modelo")[0],false);
}

function modelo_changed(text,value,container)
{   
    //buscar os conteúdos disponíveis para este modelo
    getAvailableContents(marcas[marca].marca_id,value);
    
    $("#manual").hide();
    
    var select_marca = $("#select_marca");
    
    var marca_input_text = $("div.combobox_header INPUT[@type=text]",select_marca).val();
    var marca_input_value = $("div.combobox_header INPUT[@type=hidden]",select_marca).val();
    
    var modelos = marcas[marca].modelos;            
    var imagem;
    var manual;
    for(modelo in modelos)
    {
        if (modelos[modelo].modelo_id == value)
        {
            imagem = modelos[modelo].modelo_image;
            manual = modelos[modelo].modelo_manual;
        }
    }
    if (manual.length > 0)
    {
        $("#hrefManual").attr("href",manual);
        $("#manual").show();
    }
    var imagePhone = $("#phoneImage").attr('src', imagem); 
    $("#phoneImage").show();
}

function submitFormEnviarConfig(form)
{
    $("#divFeedback").empty();
    selectconfig = $("#select_config");     
    config_input_value = $("div.combobox_header INPUT[@type=hidden]",selectconfig).val();        
    msisnd_input_value = $("#input_nr").val();
    if ((config_input_value.length > 0) && (msisnd_input_value.length > 0))
    {            
        document.body.style.cursor = "wait";
        $.ajax({url:"/ApoioCliente/ConfigTlmAJAX.aspx", 
		        type:"GET",
		        dataType:"html",
                data:{call: "ajax", dorequest: "enviar", config: config_input_value, refreshcache: IsRefreshCache(), msisdn: msisnd_input_value},
		        success:function(html){
		            document.body.style.cursor = "default";
		            if (html == 'true') {
		                mensagemSucesso = $("#mensagem_sucesso").val();
		                showFeedback(mensagemSucesso,"success","divFeedback",true,false);
		            }
		            else
		            {
		                mensagemErro = $("#mensagem_erro").val();
		                showFeedback(mensagemErro,"error","divFeedback",true,false);
		            }
		        },
		        error:function(req,error,ex){
		            document.body.style.cursor = "default";
		            mensagemErro = $("#mensagem_erro").val();
		            showFeedback(mensagemErro,"error","divFeedback",true,false);
		        }
        });        
    }
}
