// fun��es gerais para o construtor

function abreBox(box){
    var box = box;
    var boxId = "#divBox"+box;
    $("#divBackground").fadeIn();
    setTimeout("$('"+boxId+"').fadeIn()",700);
}

function fechaBox(box){
    var box = box;
    var boxId = "#divBox"+box;
    $(boxId).fadeTo('slow', 0.00);
    setTimeout("fechaBackground('"+boxId+"')",500);
}

function fechaBackground(boxId){
    var boxId = boxId;
    $('#divBackground').fadeTo('slow', 0.00);
    setTimeout("$('#divBackground').css('display','none')",200);
    limpaBox(boxId);
}
//TODO no lugar de rodar o reload poderiamos apenas alterarmos a página
function limpaBox(boxId){
    var boxId =boxId;
    setTimeout("$('"+boxId+"').css('display','none')",500);
    window.location.reload();
// limpa class ativo dos boxs
//  $("#box01").removeClass("box_opcoes_ativo");
//  $("#box02").removeClass("box_opcoes_ativo");
}

function abreDuvida(tipo, controller){
    var tipo = tipo;

    // definindo o titulo da janela de duvida
    if (tipo=="keywords"){   
        $("#tituloDuvida").text("Palavras-chave - O que é isso?");
    }
    else if (tipo=="escolha_index"){
        $("#tituloDuvida").text("Criar ou administrar site já existente?");
        $("#boxDuvida").css("margin-top","180px");
    }
    else if (tipo=="escolha_estilos"){
        $("#tituloDuvida").text("Escolhendo o estilo do seu site");
        $("#boxDuvida").css("margin-top","350px");
    }
    else if (tipo=="paginas"){
        $("#tituloDuvida").text("Personalizando as páginas do seu site");
        $("#boxDuvida").css("margin-top","270px");
    }
    else if (tipo=="conteudos"){
        $("#tituloDuvida").text("Inserindo conteúdo ao site");
        $("#boxDuvida").css("margin-top","470px");
    }
    else if (tipo=="publicar"){
        $("#tituloDuvida").text("Publicando seu site");
        $("#boxDuvida").css("margin-top","260px");
        $("#boxDuvida").css("margin-left","465px");
    }
    else if (tipo=="publicar_video"){
        $("#tituloDuvida").text("Registrando seu domínio");
        $("#boxDuvida").css("margin-top","250px");
        $("#boxDuvida").css("margin-left","465px");
        $("#boxDuvida").css("width","600px");
        $("#boxDuvida").css("height","420px");
        $("#boxDuvida").css("border",":solid red");
        $("#ifrDuvida").css("height","390px");
    }
    else if (tipo=="exemplos"){
        $("#tituloDuvida").text("Exemplos de conteúdos para o seu site");
        $("#boxDuvida").css("margin-top","273px");
        $("#boxDuvida").css("margin-left","631px");
    }

    // setando o caminho do arquivo com o texto da duvida
    $("#ifrDuvida").attr('src', '/duvidas?tipo='+ controller);

    // exibindo o box
    $("#boxDuvida").fadeIn();
}

function fechaDuvida(){
    $("#boxDuvida").fadeOut();
}

function mostraOpcoes(codigo){
    var codigo = codigo;
    var elemento = document.getElementById("opcoes"+codigo);

    $(elemento).show();

}

function escondeOpcoes(codigo){
    var codigo = codigo;
    var elemento = document.getElementById("opcoes"+codigo);

    $(elemento).hide();

}
function escolheEstilo(codigo, max){
    //function escolheEstilo(codigo){
    var codigo = codigo;
    var max = max;
    var elemento = document.getElementById("escolhido"+codigo);

    for(i=1;i<=max;i++){
        $("#escolhido"+i).hide();
    }

    $(elemento).fadeIn("slow");
    $("#desativado").fadeOut("slow");
}

function selecionaCor(codigo){
    var codigo = codigo;
    var elemento = document.getElementById("miniatura_cor"+codigo);

    for(i=1;i<=3;i++){
        var miniatura = document.getElementById("miniatura_cor"+i);
        miniatura.src = "/images/mini_cor0"+i+".jpg";
    }

    elemento.src = "/images/mini_cor0" + codigo + "_selecionado.jpg";
}

function toggleItem(codigo){
    var codigo = codigo;
    var elemento = document.getElementById("p"+codigo);

    if($(elemento).attr("class") == "deselected")
        $(elemento).attr("class","selected");
    else
        $(elemento).attr("class","deselected");
}

function addItem(){
    var NovoItem = document.getElementById("novo_item").value;
    // Não pode ter "," no título da página
    if ( NovoItem.split(',').length > 1 ){ // se não tem "," no título da página
        alert("Ops, o Novo item deve conter apenas caracteres alfanuméricos");
    }else if (NovoItem.length > 30){
        alert("Ops, o Novo item pode possuir no 30 caracteres");
    }else{
        var ChkLinkExterno = document.getElementById("chkLinkExterno");
        LinkExterno = ""
        if (ChkLinkExterno.checked == true){
            var LinkExterno = document.getElementById("link_externo").value;
        //alert("valor == " + LinkExterno );
        }
        // adicionando o novo item na lista
        var lista = document.getElementById("lista_itens");
        if(NovoItem!=""){
            var ultimo = itens_menu.length;
            var penultimo = parseInt(ultimo) - 1;
            var to_down_ultimo = document.getElementById("to_down"+penultimo);
            var valida = true;
            for(i=0;i<ultimo;i++){
                if(itens_menu[i]==NovoItem){
                    valida = false;
                    alert("Item já cadastrado.");
                }
            }

            if(valida){
                itens_menu = itens_menu.concat(["NovoItem"]); // concatena novo item na lista
                if (itens_menu.length < 11){
                    $(lista).append("<span id='item"+ultimo+"' class='item_menu'><input type='checkbox' checked='checked' id='chk"+ultimo+"' title='Mostrar/ocultar item' onclick='toggleItem(\""+ultimo+"\")' name=\""+i+"\"  value=\""+NovoItem+","+LinkExterno+"\"  /><p id='p"+ultimo+"'>"+NovoItem+"</p><a href='javascript:toUp(\""+ultimo+"\");' class='to_up'></a> <a ' class='to_down_inativo' id = 'to_down"+ ultimo+"'></a></span>");
                    $(to_down_ultimo).attr("title","Mover para baixo");
                    $(to_down_ultimo).attr("href","javascript:toDown('"+penultimo+"');");
                    $(to_down_ultimo).attr("class","to_down");

                    $("#novo_item").attr("class","");
                }
                else{
                    alert("Ops, o máximo de páginas permitidas é 10!");
                }
            }
            else{
                $("#novo_item").attr("class","erro_input2");
                $("#novo_item").focus();
            }
        }
        else{
            $("#novo_item").attr("class","erro_input2");
            $("#novo_item").focus();
        }

        document.getElementById("novo_item").value = "";
        document.getElementById("link_externo").value = "http://";

        NovoItem = "";
    }
}

function RemoveFile(){
    var lista = document.getElementById("remove_file");
    //itens_menu = itens_menu.concat(["NovoItem"]); // concatena novo item na lista
    var i = 0;
    $(lista).append("<INPUT TYPE=HIDDEN id='remove' name='remove' value='1'>");
}
    
function LinkExterno(){
    var elemento = document.getElementById("link_externo");
    $(elemento).slideToggle("fast");
}

// efeito para exibir div
function link(id){
    var elemento = document.getElementById(id);
    $(elemento).slideToggle("fast");
}

function toUp(codigo){
    var codigo = codigo;
    var id_anterior = codigo - 1;
    var elemento_atual = '#p'+codigo;
    var elemento_anterior = '#p'+id_anterior;
    var texto_atual = $(elemento_atual).text();
    var texto_anterior = $(elemento_anterior).text();
    var salva_classe_atual = $(elemento_atual).attr("class");
    var salva_classe_anterior = $(elemento_anterior).attr("class");

    var checkbox_atual = document.getElementById("chk"+codigo);
    var checkbox_anterior = document.getElementById("chk"+id_anterior);
    var salva_checked_atual = checkbox_atual.checked;
    var salva_disabled_atual = checkbox_atual.disabled;
    var salva_checked_anterior = checkbox_anterior.checked;
    var salva_disabled_anterior = checkbox_anterior.disabled;
    var value_atual = checkbox_atual.value; //chk0
    var value_anterior = checkbox_anterior.value;

    $(elemento_anterior).text(texto_atual);
    // troca os values...
    var aux_salva_value = value_atual;
    checkbox_atual.value = value_anterior;
    checkbox_anterior.value =aux_salva_value;
    //  troca as classes....
    var aux_salva = salva_classe_atual;
    $(elemento_atual).attr("class",salva_classe_anterior);
    $(elemento_anterior).attr("class",aux_salva);
  
    checkbox_anterior.checked = salva_checked_atual;
    checkbox_anterior.disabled = salva_disabled_atual;
    $(elemento_atual).text(texto_anterior);
    checkbox_atual.checked = salva_checked_anterior;
    checkbox_atual.disabled = salva_disabled_anterior;
}

function toDown(codigo){
    var codigo = codigo;
    var id_proximo = parseInt(codigo) + 1;
    var elemento_atual = '#p'+codigo;
    var elemento_proximo = '#p'+id_proximo;
    var texto_atual = $(elemento_atual).text();
    var texto_proximo = $(elemento_proximo).text();
    var salva_classe_atual = $(elemento_atual).attr("class");
    var salva_classe_proximo = $(elemento_proximo).attr("class");

    var checkbox_atual = document.getElementById("chk"+codigo);
    var checkbox_proximo = document.getElementById("chk"+id_proximo);
    var value_atual = checkbox_atual.value; //chk0
    var value_proximo = checkbox_proximo.value;
    //  alert('******************' + value_atual);
    //  alert('******************' + value_proximo);
    var salva_checked_atual = checkbox_atual.checked;
    var salva_disabled_atual = checkbox_atual.disabled;
    var salva_checked_proximo = checkbox_proximo.checked;
    var salva_disabled_proximo = checkbox_proximo.disabled;
    // troca os values...
    var aux_salva_value = value_atual;
    checkbox_atual.value = value_proximo;
    checkbox_proximo.value =aux_salva_value;
  
    $(elemento_proximo).text(texto_atual);
    //  troca as classes....
    var aux_salva = salva_classe_atual;
    $(elemento_atual).attr("class",salva_classe_proximo);
    $(elemento_proximo).attr("class",aux_salva);
 
    checkbox_proximo.checked = salva_checked_atual;
    checkbox_proximo.disabled = salva_disabled_atual;
    $(elemento_atual).text(texto_proximo);
    checkbox_atual.checked = salva_checked_proximo;
    checkbox_atual.disabled = salva_disabled_proximo;
}

function defineUpDown(i,itens_menu){
    var i = i;
    var tamanho = itens_menu.length-1;

    if(i==0)
        var html = "<a class=\"to_up_inativo\" id=\"to_up"+i+"\"></a><a href=\"javascript:toDown('"+i+"');\" title=\"Mover para baixo\" class=\"to_down\" id=\"to_down"+i+"\"></a>";
    else if (i==tamanho)
        var html = "<a href=\"javascript:toUp('"+i+"');\" title=\"Mover para cima\" class=\"to_up\"  id=\"to_up"+i+"\"></a><a class=\"to_down_inativo\" id=\"to_down"+i+"\"></a>";
    else
        var html = "<a class=\"to_up\" href=\"javascript:toUp('"+i+"');\" title=\"Mover para cima\"  id=\"to_up"+i+"\"></a><a href=\"javascript:toDown('"+i+"');\" title=\"Mover para baixo\" class=\"to_down\"  id=\"to_down"+i+"\"></a>";

    return html;
}

function pressEnter(evt){
    var code = evt.keyCode;
    if(code == 13){
        alert('enterrrrrrrrrrrrrr seu burro');
        //addItem();
        return false;
    }
    return true;
}
function testForEnter(){
    if (event.keyCode == 13) {
        event.cancelBubble = true;
        addItem();
        event.returnValue = false;
    }
    return true;
}


function confirmaEstilos(arquivo){
    var arquivo = arquivo;
    abreBox('ConfirmaEstilos');
    $("#url_logo").text("Arquivo \""+arquivo+"\" inserido com sucesso!");
    setTimeout("document.location='/paginas'",3000);
}

function showEscudo(elemento,vetor){
    var vetor = vetor;
    var elemento = "#"+elemento;
    for (i=0;i<vetor.length;i++){
        document.getElementById(vetor[i]).style.display = "none";
    }
    $(elemento).fadeIn();
}

function abrirAdmin(){
    $("#segundo_menu_admin").slideToggle(function(){
        $("#link_abrirAdmin").text("[x]");
        if (document.getElementById("segundo_menu_admin").style.display == "none")
            $("#link_abrirAdmin").text("[+]");
    });
}

// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults
function esconde(elemento) {
    if(elemento.length < 1) {
        return;
    }
    document.getElementById(elemento).style.display = "none";
}

function mostra(elemento) {
    if(elemento.length < 1) {
        return;
    }
    document.getElementById(elemento).style.display = "block";
}

function inverte_visibilidade(elemento) {
    if(elemento.length < 1) {
        return;
    }
    if(document.getElementById(elemento).style.display == "none")
        document.getElementById(elemento).style.display = "block";
    else
        document.getElementById(elemento).style.display = "none";
}