﻿$(document).ready(function() {
    var contentImgs;
    var position;
    var visibles;

    InitRolagemImgs();
    $("#empDescTab").tabs();
    $("#galeriaImg").tabs({
        show: function() {
            InitRolagemImgs();
        }
    });

    function InitRolagemImgs() {
        contentImgs = $("#galeriaImgMask div:not(.ui-tabs-hide) img").length;
        position = 0;
        visibles = 3;
        hideRolagemImgs();
        showRolagemBts();
        showRolagemImgs();
    }

    $("#galeriaImgSetaEsq").click(function() {
        position -= 1;
        showRolagemImgs();
    });

    $("#galeriaImgSetaDir").click(function() {
        position += 1;
        showRolagemImgs();
    });

    $("#galeriaImgMask div:not(.ui-tabs-hide) img").click(function() {
        //$(this).fadeIn( "slow" );  
    });

    function hideRolagemImgs() {
        for (i = 0; i < contentImgs; i++) {
            $("#galeriaImgMask div:not(.ui-tabs-hide) a:eq(" + i + ")").css("display", "none");
        }
    }

    function showRolagemImgs() {
        for (i = 0; i < contentImgs; i++) {
            if (0 + (position * visibles) == i || 1 + (position * visibles) == i || 2 + (position * visibles) == i) {
                //$("#galeriaImgMask div:not(.ui-tabs-hide) a:eq("+i+")").css("display","inline-block");
                $("#galeriaImgMask div:not(.ui-tabs-hide) a:eq(" + i + ")").fadeIn("slow");
            } else {
                $("#galeriaImgMask div:not(.ui-tabs-hide) a:eq(" + i + ")").css("display", "none");
                //$("#galeriaImgMask div:not(.ui-tabs-hide) a:eq("+i+")").fadeOut( "slow" );        
            }
        }
        showRolagemBts();
    }

    function showRolagemBts() {
        if (position + 1 >= contentImgs / visibles) {
            $("#galeriaImgSetaDir").css("visibility", "hidden");
        } else {
            $("#galeriaImgSetaDir").css("visibility", "visible");
        }

        if (position <= 0) {
            $("#galeriaImgSetaEsq").css("visibility", "hidden");
        } else {
            $("#galeriaImgSetaEsq").css("visibility", "visible");
        }
    }
});