$(window).load(function () {
    //$('#social').hover(
    //function(){
    //$('#social').stop(true).animate({
    //	height: '70px',
    //}, 1000)
    //},
    //function(){
    //	$('#social').stop(true).animate({
    //		height: '35px'
    //	}, 1000)
    //})

    $("#social").hover(
			  function () {
			      $(this).addClass("hover");
			  },
			  function () {
			      $(this).removeClass("hover");
			  });
    $("#social").click(function () {
        var destino = $(this).find("a:first").attr("href");
        window.location = destino;
    });

    $("#corporativo").hover(
			  function () {
			      $(this).addClass("hover");
			  },
			  function () {
			      $(this).removeClass("hover");
			  });
    $("#corporativo").click(function () {
        var destino = $(this).find("a:first").attr("href");
        window.location = destino;
    });

    $("#banda").hover(
			  function () {
			      $(this).addClass("hover");
			  },
			  function () {
			      $(this).removeClass("hover");
			  });
    $("#banda").click(function () {
        var destino = $(this).find("a:first").attr("href");
        window.location = destino;
    });

    $('#social').hover(
		                        function () {
		                            $(this).css('backgroundPosition', '0px 0px');
		                            $(this).stop().animate({
		                                backgroundPosition: '0px -60px'
		                            }, 1000, "easeOutExpo");
		                        },
		                        function () {
		                            $(this).stop().animate({
		                                backgroundPosition: '0px -120px'
		                            }, 1000, "easeOutExpo");
		                        });

    $('#corporativo').hover(
		                        function () {
		                            $(this).css('backgroundPosition', '0px 0px');
		                            $(this).stop().animate({
		                                backgroundPosition: '0px -60px'
		                            }, 1000, "easeOutExpo");
		                        },
		                        function () {
		                            $(this).stop().animate({
		                                backgroundPosition: '0px -120px'
		                            }, 1000, "easeOutExpo");
		                        });

    $('#banda').hover(
		                        function () {
		                            $(this).css('backgroundPosition', '0px 0px');
		                            $(this).stop().animate({
		                                backgroundPosition: '0px -60px'
		                            }, 1000, "easeOutExpo");
		                        },
		                        function () {
		                            $(this).stop().animate({
		                                backgroundPosition: '0px -120px'
		                            }, 1000, "easeOutExpo");
		                        });


    $("#logo").click(function () {
        $("#escurece").css("display", "block");
        $("#dj_thiago").css("display", "block");

        $("#escurece").fadeTo(400, 0.9);
        $("#dj_thiago").delay(400).fadeTo(400, 1.0);
    });


    $("#escurece").click(function () {
        $("#dj_thiago").fadeTo(400, 0.0);
        $("#escurece").delay(400).fadeTo(400, 0.0);

        $("#escurece").css("display", "none");
        $("#dj_thiago").css("display", "none");
    });
});
