$(document).ready(function (){

    /*************************************************************************
     * MEDIA BOX
     *************************************************************************/
    // prepara as imagens do media-box
    // para a escolha a imagem da vez
    var maior_imagem_mediabox = $(".img-principal").size();
    
    $(".img-principal").each(
        function (intIndex) {
            $(this).attr("id", "img-"+String(intIndex+1));
        }
    );

    setTimeout(function(){
        // Gera um número aleatório
        // e mostra a imagem referente ao número
        if (1 < maior_imagem_mediabox)
        {
            do {
                var num = parseInt(Math.random() * (maior_imagem_mediabox + 1));
            }while(0 == num)
            $("#img-" + num).show();
        }
    }, 500);

});