(function($) {

vest_videos = [
    { "img": "video01_videossite2012.jpg", "url": "http://www.youtube.com/embed/5Z1CPLV3YJQ" },
    { "img": "video02_videossite2012.jpg", "url": "http://www.youtube.com/embed/po7HmtFHy6g" },
    { "img": "video03_videossite2012.jpg", "url": "http://www.youtube.com/embed/HVx6LlgQmOE" },
    { "img": "video04_videossite2012.jpg", "url": "http://www.youtube.com/embed/yk5y57hN-E4" },
    { "img": "video05_videossite2012.jpg", "url": "http://www.youtube.com/embed/Bm1xLEujeqw" },
    { "img": "video06_videossite2012.jpg", "url": "http://www.youtube.com/embed/jvAit_3HtTg" },
    { "img": "video07_videossite2012.jpg", "url": "http://www.youtube.com/embed/3kjhNk2xqS4" }
];

$(document).ready(function(){

    vest_criar_tela();

    var vest_video_active = 0;
    
    var vest_set_active = function(index, obj) {
        index = parseInt(index);
        if (index == vest_video_active) return;
        var old_idx = vest_video_active;
        vest_video_active = index;
        $("#vest_video_tela").html('<p><iframe src="' + vest_videos[index].url + '" frameborder="0" width="520" height="340"></iframe></p>');
        $(obj).attr('vest_video_idx', old_idx);
        $(obj).attr('src', "http://www.fam.br/media/videos2012/" + vest_videos[old_idx].img);
    }

    $(".link_img_video").live('click', function() {
        vest_set_active($(this).attr('vest_video_idx'), this);
    });
});


function vest_criar_tela() {
    var showing = false;
    
    var fullbg = $("<div></div>");
    fullbg.css({
        "position": "fixed",
        "display": "none",
        "top": "0px",
        "bottom": "0px",
        "left": "0px",
        "right": "0px",
        "background": "url(http://www.fam.br/media/videos2012/bg.png)",
        "z-index": "999990",
        "overflow": "auto"
    });
    
    var tela = $("<div></div>");
    tela.css({
        "position": "absolute",
        "z-index": "9999999",
        "width": "636px",
        "height": "793px",
        "left": "50%",
        "margin-left": "-318px",
        "padding-top": "70px",
        "background": "url(http://www.fam.br/media/videos2012/fundo_videossite2012.png) no-repeat"
    });
    
    var vest_video_tela = $("<div id='vest_video_tela'><p><iframe src='http://www.youtube.com/embed/5Z1CPLV3YJQ' frameborder='0' width='520' height='340'></iframe></p></div>");
    tela.append(vest_video_tela);
    
    var miniaturas = $("<div class='vest_video_miniaturas'><div>");
    miniaturas.css({
        "display": "block",
        "width": "540px",
        "padding-left": "50px",
        "padding-top": "10px",
        "cursor": "pointer"
    });
    for (var i=1; i < 7; i++) {
        var span = $("<span></span>");
        span.css({
            "padding": "10px",
            "display": "block", 
            "float":"left"
        });
        var img = $("<img class='link_img_video' vest_video_idx='" + i + "' src='http://www.fam.br/media/videos2012/" + vest_videos[i].img + "'></img>");
        span.append(img);
        miniaturas.append(span);
    }
    tela.append(miniaturas);

    var botao = $("<a href='#'><img src='http://www.fam.br/media/videos2012/minibanner_videossite2012.jpg'></a>");
    botao.css({
        "display": "block",
        "position": "fixed",
        "left": "0px",
        "top": "30%"
    });
    botao.click(function(){
        if (showing) {
            fullbg.hide();
        } else {
            fullbg.show();
        }
    });
    
    var sair = $("<a href='#'></a>");
    sair.css({
        display:"block",
        position:"absolute",
        width: "120px",
        height: "40px",
        right: "20px",
        top: "11px"
    });
    sair.click(function(){
        fullbg.hide();
    });
    
    fullbg.append(tela);
    $('body').append(fullbg);
    $('body').append(botao);
    
    tela.append(sair);
    
    var footer = $("<a id='vest_video_banner' href='http://www.fam.br/sis/vestibular/'><img src='http://www.fam.br/media/videos2012/minibannervideos_2901.png'></img></a>");
    tela.append(footer);
    
}

})(jQuery);