Untitled

<html>
<head>
<script>
var totalClicks=0;
var click=0;
var doubleClick=0;
var mouseOver=0;
var mouseOut=0;
function onClick(){
    click++;
    totalClicks++
    document.getElementById("counter").innerHTML="Total Clicks: "+totalClicks+"<br>Clicks: "+click+"<br>Double Clicks: "+doubleClick+"<br>Mouse Over: "+mouseOver+"<br>Mouse Out: "+mouseOut;
    WOAH();
}

function onDblClick(){
    ondblclick++;
    totalClicks+=2;
    document.getElementById("counter").innerHTML="Total Clicks: "+totalClicks+"<br>Clicks: "+click+"<br>Double Clicks: "+doubleClick+"<br>Mouse Over: "+mouseOver+"<br>Mouse Out: "+mouseOut;
    WOAH();
}

function onMouseOver(){
    onMouseOver++;
    document.getElementById("counter").innerHTML="Total Clicks: "+totalClicks+"<br>Clicks: "+click+"<br>Double Clicks: "+doubleClick+"<br>Mouse Over: "+mouseOver+"<br>Mouse Out: "+mouseOut;
}

function onMouseOut(){
    onMouseOut++;
    document.getElementById("counter").innerHTML="Total Clicks: "+totalClicks+"<br>Clicks: "+click+"<br>Double Clicks: "+doubleClick+"<br>Mouse Over: "+mouseOver+"<br>Mouse Out: "+mouseOut;
}

function WOAH(){
    if(totalClicks%10==0){
    document.body.style.backgroundColor= "red";
    setTimeout("document.body.style.backgroundColor= 'gray'",250);
    }
}
</script>
</head>
<body bgcolor="grey">
<p id="counter">Clicks: 0<br>Double Clicks: 0<br>Mouse Over: 0<br>Mouse Out: 0</p>
<center>
<img id="pony" onclick="onClick()" ondblclick="onDblClick()" onmouseover="onMouseOver()" onmouseout="onMouseOut()" src="https://vignette.wikia.nocookie.net/mlpfanart/images/3/30/Luna_Dance_By_Alpha_Channel.gif/revision/latest?cb=20120710235804">
</center>
</div>
</body>
</html>
<!--by Jaroslaw Janas-->