Stuff

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>  
  <script>

  $(document).ready(function(){		
		$(".box").hover(mHv, uHv);
		function mHv(){  $(this).addClass('hover');}
		function uHv(){ $(this).removeClass('hover');}
  });

  </script>

  <style type="text/css">	
	.hover {
		background: #00FF00;
		border: "solid red"
	};
  </style>

</head>
<body>
<div id="output">
<div style="clear:both; padding-top:15px;">
    <div class="box" id="00" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
    <div class="box" id="01" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
    <div class="box" id="02" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
	<div class="box" id="03" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
    <div class="box" id="04" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
</div>
<div style="clear:both; padding-top:5px;">
    <div class="box" id="10" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
    <div class="box" id="11" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
    <div class="box" id="12" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
	<div class="box" id="13" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
    <div class="box" id="14" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
</div>
<div style="clear:both; padding-top:5px;">
    <div class="box" id="20" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
    <div class="box" id="21" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
    <div class="box" id="22" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
	<div class="box" id="23" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
    <div class="box" id="24" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
</div>
<div style="clear:both; padding-top:5px;">
    <div class="box" id="30" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
    <div class="box" id="31" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
    <div class="box" id="32" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
	<div class="box" id="33" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
    <div class="box" id="34" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
</div>
<div style="clear:both; padding-top:5px;">
    <div class="box" id="30" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
    <div class="box" id="31" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
    <div class="box" id="32" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
	<div class="box" id="33" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
    <div class="box" id="34" style="float:left; width:100px; height:100px; border:1px solid blue; margin-right:5px;"></div>
</div>
</div>

</body>
</html>