Untitled

<!DOCTYPE html>
<html>
<Head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>LEEROOOOOOOOOOOOOOOOOOOOOOOOY</title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript" style="color: rgb(0, 0, 0);"></script>
        <script src="http://bitstorm.org/jquery/color-animation/jquery.animate-colors.js" type="text/javascript"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.js" type="text/javascript"></script>

    <script type="text/javascript">
    $(document).ready(function(){
        blink();
    })

    function blink(){
        $(".container")
                .animate({backgroundColor: '#FF0000'}, 150)
				.animate({backgroundColor: '#FF9500'}, 150)
				.animate({backgroundColor: '#FFD200'}, 150)
				.animate({backgroundColor: '#74E600'}, 150)
				.animate({backgroundColor: '#1049A9'}, 150)
				.animate({backgroundColor: '#4212AF'}, 150)
				.animate({backgroundColor: '#A600A6'}, 150, function(){blink()});

    }
        function showWhite(){
            var audio = $(".leeroy")[0];
            $(".white").fadeIn("fast");
            audio.pause();
    }
        function hideWhite(){
            var audio = $(".leeroy")[0];
            audio.addEventListener('ended', function()this.currentTime = 0;), false);
            $(".white").fadeOut("fast");
            audio.play();


        $(".leeroy").hover(
            function () {
            $(this).addclass("not")
            },
            function (){
                $(this).removeClass("not");
            });

    </script>
    <style type="text/css">
			 .normal{
                 background-image: url(674.png);
                width: 286px;
                height: 395px;
        }
            .not{
                background-image: url(674.gif);
                width: 286px;
                height: 395px;
        }
			.container{
				position: fixed;
				width: 100%;
				height: 100%;
				top: 0px;
				left: 0px;
				background-color: white;
				display: block;
				z-index: 100;
			}

			.white{
				position: fixed;
				width: 100%;
				height: 100%;
				top: 0px;
				left: 0px;
				background-color: white;
				display: block;
				z-index: 101;
			}


    </style>
</Head>
<body>
    <audio class="leeroy">
    <source src="./leeroy.mp3">
    </audio>
    <div class="normal" onmouseover="hideWhite(); addClass(not);" onmouseout="showWhite(); removeClass(not);"></div>
    <div class="container" style="background-color: blink();"></div>
    <div class="white"></div>

</body>
</html>