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 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(){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="container" style=""></div>
 <div class="white" style="display: block;"></div>
    <div class="normal" onmouseover="hideWhite(); addClass(not)" onmouseout="showWhite(); removeClass(not);"></a>
</body>
</html>