// --- Enuns do Tipo dos Menus

var ETipoMenu = {

    monteSuaHistoria: 0,

    horaDoRecreio: 1,

    conhecaOsLivros: 2,

    telaDePintura: 3,

    quebraCabeca: 4,

    testeDeMemoria: 5,

    qualEIgual: 6,

    jogoDosErros: 7,

    encontreASombra: 8,

    quemProcuraAcha: 9

};



// --- Controle dos templates

function ctrlTemplate(e) {

    e.preventDefault();



    var tipoMenu;

    var clicked = $(this);

    var clickedAttr = $(this).attr('class');



    switch (clickedAttr) {

        //--- Menu principal                         

        case 'monte':

            $('.recreio').removeClass('select');

            $('.conheca').removeClass('select');

            clicked.addClass('select');



            // Retira a seleção do menu ao fechar

            $('.LineUp a').removeClass('select');

            $('.LineDown a').removeClass('select');



            tipoMenu = ETipoMenu.monteSuaHistoria;

            break;



        case 'recreio':

            $('.monte').removeClass('select');

            $('.conheca').removeClass('select');

            clicked.addClass('select');



            // Retira a seleção do menu ao fechar

            $('.LineUp a').removeClass('select');

            $('.LineDown a').removeClass('select');



            tipoMenu = ETipoMenu.horaDoRecreio;

            break;



        case 'conheca':

            $('.monte').removeClass('select');

            $('.recreio').removeClass('select');

            clicked.addClass('select');



            // Retira a seleção do menu ao fechar

            $('.LineUp a').removeClass('select');

            $('.LineDown a').removeClass('select');



            tipoMenu = ETipoMenu.conhecaOsLivros;

            break;



        //--- Menu aplicativos                        

        case 'pintura':

            clicked.addClass('select');

            $('.quebra').removeClass('select');

            $('.memoria').removeClass('select');

            $('.igual').removeClass('select');

            $('.jogo').removeClass('select');

            $('.sombra').removeClass('select');

            $('.procura').removeClass('select');



            tipoMenu = ETipoMenu.telaDePintura;

            break;



        case 'quebra':

            clicked.addClass('select');

            $('.pintura').removeClass('select');

            $('.memoria').removeClass('select');

            $('.igual').removeClass('select');

            $('.jogo').removeClass('select');

            $('.sombra').removeClass('select');

            $('.procura').removeClass('select');



            tipoMenu = ETipoMenu.quebraCabeca;

            break;



        case 'memoria':

            clicked.addClass('select');

            $('.quebra').removeClass('select');

            $('.pintura').removeClass('select');

            $('.igual').removeClass('select');

            $('.jogo').removeClass('select');

            $('.sombra').removeClass('select');

            $('.procura').removeClass('select');



            tipoMenu = ETipoMenu.testeDeMemoria;

            break;



        case 'igual':

            clicked.addClass('select');

            $('.memoria').removeClass('select');

            $('.quebra').removeClass('select');

            $('.pintura').removeClass('select');

            $('.jogo').removeClass('select');

            $('.sombra').removeClass('select');

            $('.procura').removeClass('select');



            tipoMenu = ETipoMenu.qualEIgual;

            break;



        case 'jogo':

            clicked.addClass('select');

            $('.igual').removeClass('select');

            $('.memoria').removeClass('select');

            $('.quebra').removeClass('select');

            $('.pintura').removeClass('select');

            $('.sombra').removeClass('select');

            $('.procura').removeClass('select');



            tipoMenu = ETipoMenu.jogoDosErros;

            break;



        case 'sombra':

            clicked.addClass('select');

            $('.igual').removeClass('select');

            $('.memoria').removeClass('select');

            $('.quebra').removeClass('select');

            $('.pintura').removeClass('select');

            $('.jogo').removeClass('select');

            $('.procura').removeClass('select');



            tipoMenu = ETipoMenu.encontreASombra;

            break;



        case 'procura':

            clicked.addClass('select');

            $('.igual').removeClass('select');

            $('.memoria').removeClass('select');

            $('.quebra').removeClass('select');

            $('.pintura').removeClass('select');

            $('.jogo').removeClass('select');

            $('.sombra').removeClass('select');



            tipoMenu = ETipoMenu.quemProcuraAcha;

            break;

    }





    // --- Executa procedimento de montagen das DIVs

    showHideItens(tipoMenu);



};



// --- Monta as DIVs

function showHideItens(tipo) {

    switch (tipo) {

        case ETipoMenu.monteSuaHistoria:

            //Controlando as DIVs

            $('#mascote').hide();

            $('#menuAplicativo').hide();

            $('#contentEntry').css('height', '431px');

            $('#contentEntry').css('margin', '30px 0 0 70px');

            $('#contentEntry').show();

            MonteSuaHistoria();

            break;



        case ETipoMenu.horaDoRecreio:

            //Controlando as DIVs

            $('#mascote').hide();

            $('#menuAplicativo').show();

            $('#contentEntry').css('height', '367px');

            $('#contentEntry').css('margin', '95px 0 0 70px');

            $('#contentEntry').show();

            HoraDoRecreio();

            break;



        case ETipoMenu.conhecaOsLivros:

            //Controlando as DIVs

            $('#mascote').hide();

            $('#menuAplicativo').hide();

            $('#contentEntry').css('height', '431px');

            $('#contentEntry').css('margin', '30px 0 0 70px');

            $('#contentEntry').show();

            ConhecaOsLivros();

            break;



        case ETipoMenu.telaDePintura:

            MontaAtividades(ETipoMenu.telaDePintura);

            break;



        case ETipoMenu.quebraCabeca:

            MontaAtividades(ETipoMenu.quebraCabeca);

            break;



        case ETipoMenu.testeDeMemoria:

            MontaAtividades(ETipoMenu.testeDeMemoria);

            break;



        case ETipoMenu.qualEIgual:

            MontaAtividades(ETipoMenu.qualEIgual);

            break;



        case ETipoMenu.jogoDosErros:

            MontaAtividades(ETipoMenu.jogoDosErros);

            break;



        case ETipoMenu.encontreASombra:

            MontaAtividades(ETipoMenu.encontreASombra);

            break;



        case ETipoMenu.quemProcuraAcha:

            MontaAtividades(ETipoMenu.quemProcuraAcha);

            break;

    }

};



// --- Carrega o Stage dos Applicattivos

var loadGame = function(raiz, game) {

    window.open('' + raiz + 'v1/ShowGame.aspx?Flash=' + game,

                'WindowShowGame',

                'fullscreen=1, toolbar=0, status=0, menubar=0, resizable=0, scrollbars=0');

};



var fechaModal = function() {

    $('#logo').fadeIn("slow");

    $("#overlay").fadeOut('slow', function() {

        $("#janela_modal").fadeOut("slow", function() {

            $("#modalframe").fadeOut("slow");

            $("#janela_modal").remove();

            $("#overlay").remove();

            $("#modalframe").remove();

        });

    });

};



var popUpFull = function(pagina) {

    //window.open(pagina, 'Ferinha', 'fullscreen=1,top=0,left=0, scrollbars=no');

    window.open(pagina, 'Ferinha', ',type=fullWindow,fullscreen,scrollbars=no, menubar=no')

    return false;

};



var montaModal = function(pagina) {

    $('#logo').fadeOut("slow");



    var w = 800;

    var h = 600;



    var overlay = '<div id="overlay"></div>';

    var overlayCSS = {

        'position': 'absolute',

        'width': pageWidth + 'px',

        'height': pageHeight + 'px',

        'left': '0',

        'top': '0',

        'background-color': 'black',

        'opacity': '0.8',

        'filter': 'alpha(opacity=80)',

        'display': 'none'

    };



    var janela = '<div id="janela_modal">' +

                 '  <div class="Janela">' +

                 '      <div class="JanelaDentro">' +

                 '          <!--<h1>Coleção Ferinha</h1>-->' +

                 '              <!--<span style="float:right; margin-top:-22px;" >' +

                 '                  <a href="/" onclick="parent.fechaModal(); return false;">' +

                 '                      <img src="Images/WebSite/Icones/btClose.png" border="0" width="48" height="18" />' +

                 '                  </a>' +

                 '              </span>-->' +

                 '          <div class="ConteudoFora">' +

                 '              <div id="dadosModal" class="Conteudo">' +

                 '              </div>' +

                 '          </div>' +

                 '  </div>' +

                 '</div></div>';



    var janelaCSS = {

        'position': 'absolute',

        'top': '0px',

        'left': '50%',

        'width': parseInt(w + 20) + 'px',

        'height': parseInt(h + 20) + 'px',

        'margin-left': '-' + parseInt(w / 2) + 'px',

        'margin-top': '0px',

        'display': 'none'

    };



    //var iframe = '<iframe name="modalframe" id="modalframe" src="' + $(this).attr("href") + '" width="' + w + '" height="' + h + '" frameborder="0" scrolling="no"></iframe>';

    var iframe = '<iframe name="modalframe" id="modalframe" src="' + pagina + '" width="' + parseInt(w - 15) + '" height="' + parseInt(h - 15) + '" frameborder="0" scrolling="no"></iframe>';

    var iframeCSS = {

        'display': 'none'

    };



    $("body").append(overlay);

    $("body").append(janela);

    $("#overlay").css(overlayCSS).fadeIn('slow', function() {

        $("#dadosModal").append(iframe);

        $("#modalframe").css(iframeCSS);

        $("#janela_modal").css(janelaCSS).fadeIn("slow", function() {

            $("#janela_modal").fadeIn("slow", function() {

                $("#modalframe").fadeIn("slow", function() {

                    $(".Janela").fadeIn("fast");

                });

            });

        });

    });

    return false;

};