$('document').ready(function(){
    // hover de botões
    $('.button span').css('opacity', 0);
    $('.button span').mouseover(function(){
        $(this).stop().animate({opacity:1},350)
    });
    $('.button span').mouseout(function(){
        $(this).stop().animate({opacity:0},350)
    });


    // hover de botões (2)
    $('.button2').mouseover(function(){
        $(this).stop().animate({opacity:0.5},250)
    });
    $('.button2').mouseout(function(){
        $(this).stop().animate({opacity:1},250)
    });


    // logo e planeta se moverem
    var bodyW = $('body').width();
    $('body').mousemove(function(e){
        var lPos = (e.pageX/bodyW);
        var wPos = (50 * lPos) + 502;
        var lgPos = (20 * lPos);
        var lgrPos = (16 * lPos);
        $('#world').css('left',wPos);
        $('#logoTop').css('left', lgPos);
        $('#parte_4').css('left', lgrPos);
    });


    // scrolltop da página
    $('#backtop').click(function(){
        $('html').stop().animate({
            scrollTop:'0'
        }, 3000);
    });


    // Carousel
    var indice = 0;
    var quantidade = $('.video_item').size() - 1;
    $('#video_thumb_slider').width((quantidade + 1) * 130);
    $('#arrow_esquerda').click(function(){
        if(indice > 0){
            indice --;
            var posicao = 0 - (indice * 130);
            $('#video_thumb_slider').stop().animate({left:posicao});
        }
    });
    $('#arrow_direita').click(function(){
        if(indice < quantidade){
            indice ++;
            var posicao = 0 - (indice * 130);
            $('#video_thumb_slider').stop().animate({left:posicao});
        }
    });

    // Colorbox
    $(".video_item a").colorbox({iframe:true, innerWidth:425, innerHeight:344});
    $('#sendavideo').colorbox();

});

$(window).load(function(){
    // carregamento ajax do infográfico
    $('#infographic').css('background','#2f2933 url(assets/images/ajax-loader.gif) center no-repeat');

    var url = "assets/images/infographic_miniature_earth.jpg";
    $.ajax({
        url:url,
        success:function(){
            $('<img />')
            .attr({
                'src':url,
                'class':"infoImg",
                'id':"image"
            })
            .appendTo("#infographic")
            .css('opacity', 0);

            var url2 = "assets/images/tag.png?";
            $.ajax({
                url:url2,
                success:function(){
                    $('<img />')
                    .attr({
                        'src':url2,
                        'class':"transparencia infoImg",
                        'id':"tag"
                    })
                    .appendTo("#infographic")
                    .css('opacity', 0)
                    .wrap("<a href='http://www.cafepress.com/miniatureearth.572239638' target='_blank'/>");

                    $('#infographic')
                    .animate({height:1461},1000,
                    function(){
                        $('#infographic').css('background-image','none');
                        $('#infographic img').animate({
                            opacity:1
                        });
                    });
                }
            });
        }
    }); // fim do ajax
});