var scrollSubMenu = null;
var offset = 0;
$(document).ready(function() {


    var imagem = $("#submenuImagemID");
    if (imagem) {
        (imagem).load(function() {
            resizeSubMenu();
        });
    }
    resizeSubMenu();
    inicializar();



    ajustaTela();



    /*document.getElementById("wrapper").style.width = winW + 'px';
    document.getElementById("menu").style.width = winW + 'px';
    document.getElementById("mycustomscroll").style.width = winW + 'px';*/

});

function inicializar() {
    

    $('#scrollavelTexto').vScroll({ speed: 50, height: 423, upID: "#upTexto", downID: "#downTexto", cycle: false });
}

// Coloca o efeito de loading no elemento alvo
function mostraLoading(target) {
    if (target.length) {
        target.append('<div class="loadingScreen"><img src="/images/loader.gif" alt=""/></div>')
    }
}

function removeLoading(target) {
    if (target.length) {
        $(".loadingScreen", target).remove();
    }
}
function clk(a) {
    /*var offset = $("#vscroller-1").css("top").replace('px', '');
    var lnk = $(a).attr('href') + "?offset=" + offset;
    $(a).attr('href', lnk);*/
    if ($(a).length) {
        var id = $(a).attr('id').replace('lnk', '');
        if (id) {
            mostraLoading($('#colunaConteudo'));
            $('#colunaConteudo').load("getAjaxContent.aspx?id=" + id,
                function() {
                    if ($(".novoLink").length) {
                        var novolnk = $(".novoLink").first().html();
                        $("a", $("#botaoIdioma")).attr('href', novolnk);
                    }
                    if ($(".novaImagem").length) {
                        $("#submenuImagem").html($(".novaImagem").first().html());
                    }

                    ativaSlider();
                    inicializar();

                    $(".subMenuAtivo").removeClass("subMenuAtivo");
                    $(a).parent().addClass("subMenuAtivo");

                });
            return false;
        }
    }
}

function ajustaTela() {

    var winW = 1004, winH = 561;
    if (document.body && document.body.offsetWidth) {
        winW = document.body.offsetWidth;
        winH = document.body.offsetHeight;
    }
    if (document.compatMode == 'CSS1Compat' &&
		document.documentElement &&
		document.documentElement.offsetWidth) {
        winW = document.documentElement.offsetWidth;
        winH = document.documentElement.offsetHeight;
    }
    if (window.innerWidth && window.innerHeight) {
        winW = window.innerWidth;
        winH = window.innerHeight;
    }
    if (winW < 1004) winW = 1004;
    
    $("#principal").width(winW);
    $("#rodape").width(winW);

    var w = (winW - 600 - 34) / 2;

    //if (w < 186) w = 186;

    $("#colunaMenu").width(w);
    //$("#colunaSubMenu").width(w);
    //*/
}

function resizeSubMenu() {
    var submenu = $("#subMenu");

    if (submenu) {
        var tamanho = $(".wrapperSubMenu").height();

        var imagem = $("#submenuImagemID");
        if (imagem) {
            tamanho -= imagem.height();
        }

        //margem
        tamanho -= 17;

        submenu.height(tamanho);

        $('#scrollavel').vScroll({ speed: 100, oSet: offset, height: tamanho, upID: "#upLinks", downID: "#downLinks", cycle: false });
        
    }
    
}


function ativaSlider() {

    var currentPosition = 0;
    var slideWidth = 600;
    var slides = $('.slide');
    var numberOfSlides = slides.length;

    // Remove scrollbar in JS
    $('#slidesContainer').css('overflow', 'hidden');

    // Wrap all .slides with #slideInner div
    slides.wrapAll('<div id="slideInner"></div>').css({
        'float': 'left',
        'width': slideWidth
    });

    // Set #slideInner width equal to total width of all slides
    $('#slideInner').css('width', slideWidth * numberOfSlides);

    // Insert controls in the DOM
    //$('#slideshow').prepend('<span class="control" id=leftControl">Clicking moves left</span>').append('<span class="control" id="rightControl">Clicking moves right</span>');

    // Hide left arrow control on first load
    manageControls(currentPosition);

    // Create event listeners for .controls clicks
    $('.control').bind('click', function() {
        // Determine new position
        currentPosition = ($(this).attr('id') == 'setaRight') ? currentPosition + 1 : currentPosition - 1;

        // Hide / show controls
        manageControls(currentPosition);
        // Move slideInner using margin-left
        $('#slideInner').animate({
            'marginLeft': slideWidth * (-currentPosition)
        });
    });

    // manageControls: Hides and Shows controls depending on currentPosition
    function manageControls(position) {
        // Hide left arrow if position is first slide
        if (position == 0) { $('#setaLeft').hide() } else { $('#setaLeft').show() }
        // Hide right arrow if position is last slide
        if (position == numberOfSlides - 1) { $('#setaRight').hide() } else { $('#setaRight').show() }
    }
 }