//msgbox
function Multimidia(sNomeControle) {
    this.photos = [];
    this.thumbWidth = 115; //largura + borda + margin
    this.thumbGroup = 5; //número de thumbs exibidas por vez
    this.container = null;
    this.thumbs = null;
    this.prevButton = null;
    this.nextButton = null;
    this.subtitle = null;
    this.initialized = false;
    this.NomeControle = sNomeControle;

    this.init = function() {
        this.initialized = true;
        this.container = $("#" + sNomeControle + " .container .image-container");
        this.thumbs = $("#" + sNomeControle + " .footer .thumbs");
        this.subtitle = $("#" + sNomeControle + " .container .subtitle");
        this.prevButton = $("#" + sNomeControle + " .footer .prev");
        this.nextButton = $("#" + sNomeControle + " .footer .next");
    }

    this.addPhoto = function(thumb, large, subtitle) {
        this.photos.push({ thumb: thumb, large: large, subtitle: subtitle });
    }

    this.loadPhoto = function(photoIndex) {
        var imageContainer = $(this.container);
        var photo = this.photos[photoIndex];
        var thumbs = $(this.thumbs).find(".thumb");

        thumbs.removeClass("selected");
        $(thumbs[photoIndex]).addClass("selected");
        //thumbs.addClass("selected");

        if ($(imageContainer).attr("src") != photo.large) {
            $(imageContainer).fadeOut("normal", function() {
                $(imageContainer).attr("src", photo.large);
                $(imageContainer).load(function() { $(this).fadeIn("normal"); });
            });
        }

        //update subtitle
        imageContainer.attr("alt", photo.subtitle);
        imageContainer.attr("title", photo.subtitle);
        $(this.subtitle).text(photo.subtitle);

        //update counter
        //$("#this .header .counter .atual").text(photoIndex + 1);
        //$("#this .header .counter .total").text(this.photos.length);

    }

    this.bind = function() {

        if (!this.initialized)
            this.init();

        var thumbs = $(this.thumbs);

        thumbs.html("");

        for (i = 0; i < this.photos.length; i++) {
            var photo = this.photos[i];
            thumbs.append("<div class='InstFoto'> <img src='images/shadow.png' width='0' height='0' alt='' class='shadeInst' /> "+
                            "<img style='background:url(" + photo.thumb + ") no-repeat top center;' src='imagens/layout/comum/blank.gif' "+
                                "class='thumb button' alt='Clique para Ampliar' title='Clique para Ampliar' " +
                                "onclick='"+this.NomeControle+".loadPhoto(" + i + ")' /></div>");
        }

        this.updatePageButtons();
        thumbs.css({ width: (this.thumbWidth * this.photos.length + "px") });
    }

    //
    //Mecanismos de paginação
    //
    this.pageAtual = 1;

    this.pagePrev = function() {
        if (this.pageAtual != 1) this.pageAtual--;
        $(this.thumbs).animate({ marginLeft: -(this.thumbGroup * this.thumbWidth) * (this.pageAtual - 1) }, 700);
        this.updatePageButtons();
    }

    this.pageNext = function() {
        if (this.pageAtual < Math.ceil(this.photos.length / this.thumbGroup)) 
            this.pageAtual++;
        $(this.thumbs).animate({ marginLeft: -(this.thumbGroup * this.thumbWidth) * (this.pageAtual - 1) }, 700);
        this.updatePageButtons();
    }

    this.updatePageButtons = function() {
        if (this.pageAtual == 1) {
            document.getElementById('btnPrev').src = "imagens/layout/comum/multimidia_thumb_esquerdo_disable.gif";
            document.getElementById('btnPrev').style.cursor = 'default';
        }
        else {
            document.getElementById('btnPrev').src = "imagens/layout/comum/multimidia_thumb_esquerdo.gif";
            document.getElementById('btnPrev').style.cursor = 'pointer';
        }

        if (this.pageAtual == Math.ceil(this.photos.length / this.thumbGroup) || Math.round(this.photos.length / this.thumbGroup) == 0) {
            document.getElementById('btnNext').src = "imagens/layout/comum/multimidia_thumb_direito_disable.gif";
            document.getElementById('btnNext').style.cursor = 'default';
        }
        else {
            document.getElementById('btnNext').src = "imagens/layout/comum/multimidia_thumb_direito.gif";
            document.getElementById('btnNext').style.cursor = 'pointer';
        }
    }
}

//
//Eventos do botão preview da paginação
//
function prevButton_mouseover(oMultimidia, oImg) {
    if (oMultimidia.pageAtual == 1) {
        oImg.src = "imagens/layout/comum/multimidia_thumb_esquerdo_disable.gif";
    }
    else {
        oImg.src = "imagens/layout/comum/multimidia_thumb_esquerdo_hover.gif";
    }
}

function prevButton_mouseout(oMultimidia, oImg) {
    if (oMultimidia.pageAtual == 1) {
        oImg.src = "imagens/layout/comum/multimidia_thumb_esquerdo_disable.gif";
    }
    else {
        oImg.src = "imagens/layout/comum/multimidia_thumb_esquerdo.gif";
    }
}

//
//Eventos do botão next da paginação
//
function nextButton_mouseover(oMultimidia, oImg) {
    if (oMultimidia.pageAtual == Math.ceil(oMultimidia.photos.length / oMultimidia.thumbGroup) ||
            Math.round(oMultimidia.photos.length / oMultimidia.thumbGroup) == 0) {
        oImg.src = "imagens/layout/comum/multimidia_thumb_direito_disable.gif";
    }
    else {
        oImg.src = "imagens/layout/comum/multimidia_thumb_direito_hover.gif";
    }
}

function nextButton_mouseout(oMultimidia, oImg) {
    if (oMultimidia.pageAtual == Math.ceil(oMultimidia.photos.length / oMultimidia.thumbGroup) ||
            Math.round(oMultimidia.photos.length / oMultimidia.thumbGroup) == 0) {
        oImg.src = "imagens/layout/comum/multimidia_thumb_direito_disable.gif";
    }
    else {
        oImg.src = "imagens/layout/comum/multimidia_thumb_direito.gif";
    }
}

function chamarPopUp(PhotoIndex) {
    var num = PhotoIndex + 1;
    multimidia.pageAtual = Math.ceil(num / multimidia.thumbGroup);
    if (multimidia.pageAtual == 0) {
        multimidia.pageAtual = 1;
    }
    for (o = 1; o <= multimidia.pageAtual; o++) {

        $(multimidia.thumbs).animate({ marginLeft: -(multimidia.thumbGroup * multimidia.thumbWidth) * (multimidia.pageAtual - 1) }, 700);
    }
    multimidia.loadPhoto(PhotoIndex);


    $('#PopupPanel').fadeIn("slow");
    $('#pop').fadeIn("slow");
}

function FecharPopup() {
    $('#PopupPanel').fadeOut("slow");
    $('#pop').fadeOut("slow");
}

//Abre a galeria do servicos
function chamarPopUpServico(sBackModal, sWindow) {
    $('#' + sBackModal).fadeIn("slow");
    $('#' + sWindow).fadeIn("slow");
}

//Fecha a galeria de servicos
function FecharPopupServico(sBackModal, sWindow) {
    $('#' + sBackModal).fadeOut("slow");
    $('#' + sWindow).fadeOut("slow");
}