Get the ID for an element when in status MouseOver
<p>I have an element with event <code>onMouseOver</code>. I need to get the ID for the element when the event is fired.</p>

<p>Here my HTML structure:</p>

<pre><code>'&lt;div id="see_all" class="btn_backtostart_catview"&gt;' + 
    '&lt;div class="btn_backtostart_slice_l_catview"&gt;&lt;/div&gt;' +
    '&lt;div class="btn_backtostart_slice_c_catview" onclick="Main.magicCtrVerTodas()" onMouseOver="Main.magicCtrVerTodasMouseOver(this)"&gt;Ver todas&lt;/div&gt;' +
    '&lt;div class="btn_backtostart_slice_r_catview"&gt;&lt;/div&gt;' +
'&lt;/div&gt;' +
</code></pre>

<p>The function</p>

<pre><code>magicCtrVerTodasMouseOver: function(obj){        
    console.log('ID for elm in OVER: ' + obj);
},
</code></pre>

<p>As result I get <code>HTMLDivElement</code> no the name of the ID.</p>

<p>Any idea what I'm doing wrong? I also can use jQuery.</p>
