Javascript change current div
<p>This is my first question on stackoverflow. I have googled enough but found no appropriate solution. I hope I will get a good solution here.
<br>
I have some divs. I need to change a div on hover.</p>

<pre><code>&lt;div id="box"&gt;
  &lt;div id="sbox" onclick='boxstyling()' name="NewsBox"&gt;Box-1&lt;/div&gt;
  &lt;div id="sbox" onclick='boxstyling()' name="NewsBox"&gt;Box-2&lt;/div&gt;
  &lt;div id="sbox" onclick='boxstyling()' name="NewsBox"&gt;Box-3&lt;/div&gt;
&lt;script&gt;
  function boxstyling (){
   }
&lt;/script&gt;
&lt;/div&gt;
</code></pre>

<p>I want to enlarge the hovered Box and reduce the other boxes. That means hover on Box-2 will enlarge Box-2 and reduce other Boxes. How javascript can help me? What will be my boxstyling function?<br>
Re: Unique element ids can not be used because I will use many may be 100s of Boxes.</p>
