Hello!

Im' creating a personalized mail box, and i'm with a problem in the inbox...

On the code i post next, i need change color of the income messages when mouse is on and use the strong color when the message was selected.

On the selection i need the message id on a new div or td to push the message from the bd.

The struture code:

Code:
<!---left table--->
<td align="left" valign="top" style="padding:0px 20px 20px 40px; border-right:1px solid #eee">
<table width="320px" cellspacing="0" cellpadding="0" align="center" style="padding:0; border:0">

			<td align="left" valign="top" style="padding:0px 0px 5px 0px; font-size:14px; color:#EC8EB7; border-bottom:double #eee"><b> InBox</b></td>

           
            <tr>
            <td id="msg1" align="left" valign="top" style="padding:0px 0px 0px 0px; background-color:#FDF6FA">
            <table width="100%" align="left" cellspacing="0">
	            <td rowspan="2" width="60px" align="left" valign="top" style="padding:5px 0px 5px 10px; border-top:1px solid #eee"><img border="1px" style="border-color:#ddd" src="../data/fornecedores/x/logo_forn_default.png" width="60px" height="60px" alt="x" /></td>
				<td align="left" valign="top" style="padding:15px 0px 0px 10px; border-top:1px solid #eee; font-size:12px; color:#444444"><div class="truncate"><b>Candy</b></div></td>
        	    <td align="right" valign="top" style="padding:15px 10px 0px 20px; font-size:11px; color:#888; border-top:1px solid #eee">17:02</td>
                <tr>
                <td align="left" valign="top" style="padding:10px 0px 10px 10px; font-size:11px; color:#888"><div class="truncate">Message0 Message0 Message0 Message0</div></td>
                <td align="right" valign="top" style="padding:10px 10px 10px 20px; font-size:11px; color:#E5097F">1 new(s)</td>
                </tr>
			</table>
            </td>
            </tr>
            
            <tr>
            <td id="msg2" align="left" valign="top" style="padding:0px 0px 0px 0px; background-color:#FDF6FA">
            <table width="100%" align="left" cellspacing="0">
	            <td rowspan="2" width="60px" align="left" valign="top" style="padding:5px 0px 5px 10px; border-top:1px solid #eee"><img border="1px" style="border-color:#ddd" src="../data/fornecedores/x/logo_forn_default.png" width="60px" height="60px" alt="x" /></td>
				<td align="left" valign="top" style="padding:15px 0px 0px 10px; border-top:1px solid #eee; font-size:12px; color:#444444"><div class="truncate"><b>Jly</b></div></td>
        	    <td align="right" valign="top" style="padding:15px 10px 0px 20px; font-size:11px; color:#888; border-top:1px solid #eee">14:19</td>
                <tr>
                <td align="left" valign="top" style="padding:10px 0px 10px 10px; font-size:11px; color:#888"><div class="truncate">Message1 Message1 Message1 Message1</div></td>
                <td align="right" valign="top" style="padding:10px 10px 10px 20px; font-size:11px; color:#E5097F">2 new(s)</td>
                </tr>
			</table>
            </td>
            </tr>

            <tr>
            <td id="msg3" align="left" valign="top" style="padding:0px 0px 0px 0px; background-color:#fff">
            <table width="100%" align="left" cellspacing="0">
	            <td rowspan="2" width="60px" align="left" valign="top" style="padding:5px 0px 5px 10px; border-top:1px solid #eee"><img border="1px" style="border-color:#ddd" src="../data/fornecedores/x/logo_forn_default.png" width="60px" height="60px" alt="x" /></td>
				<td align="left" valign="top" style="padding:15px 0px 0px 10px; border-top:1px solid #eee; font-size:12px; color:#444444"><div class="truncate"><b>DJ Xpto.</b></div></td>
        	    <td align="right" valign="top" style="padding:15px 10px 0px 20px; font-size:11px; color:#888; border-top:1px solid #eee">16/07</td>
                <tr>
                <td align="left" valign="top" style="padding:10px 0px 10px 10px; font-size:11px; color:#888"><div class="truncate">Message2 Message2 Message2 Message2</div></td>
                <td align="right" valign="top" style="padding:10px 10px 10px 20px; font-size:11px; color:#EC8EB7">ride</td>
                </tr>
			</table>
            </td>
            </tr>

            <tr>
            <td id="msg4" align="left" valign="top" style="padding:0px 0px 0px 0px; background-color:#F9D2E5">
            <table width="100%" align="left" cellspacing="0">
	            <td rowspan="2" width="60px" align="left" valign="top" style="padding:5px 0px 5px 10px; border-top:1px solid #eee"><img border="1px" style="border-color:#ddd" src="../data/fornecedores/x/logo_forn_default.png" width="60px" height="60px" alt="x" /></td>
				<td align="left" valign="top" style="padding:15px 0px 0px 10px; border-top:1px solid #eee; font-size:12px; color:#444444"><div class="truncate"><b>Caty</b></div></td>
        	    <td align="right" valign="top" style="padding:15px 10px 0px 20px; font-size:11px; color:#888; border-top:1px solid #eee">14/07</td>
                <tr>
                <td align="left" valign="top" style="padding:10px 0px 10px 10px; font-size:11px; color:#888"><div class="truncate">Message3 Message3 Message3 Message3</div></td>
                <td align="right" valign="top" style="padding:10px 10px 10px 20px; font-size:11px; color:#EC8EB7">ride</td>
                </tr>
			</table>
            </td>
            </tr>

            <tr>
            <td id="msg5" align="left" valign="top" style="padding:0px 0px 0px 0px; background-color:#fff">
            <table width="100%" align="left" cellspacing="0">
	            <td rowspan="2" width="60px" align="left" valign="top" style="padding:5px 0px 5px 10px; border-top:1px solid #eee"><img border="1px" style="border-color:#ddd" src="../data/fornecedores/x/logo_forn_default.png" width="60px" height="60px" alt="x" /></td>
				<td align="left" valign="top" style="padding:15px 0px 0px 10px; border-top:1px solid #eee; font-size:12px; color:#444444"><div class="truncate"><b>Invitation Xpto</b></div></td>
        	    <td align="right" valign="top" style="padding:15px 10px 0px 20px; font-size:11px; color:#888; border-top:1px solid #eee">14/07</td>
                <tr>
                <td align="left" valign="top" style="padding:10px 0px 10px 10px; font-size:11px; color:#888"><div class="truncate">Message4 Message4 Message4 Message4</div></td>
                <td align="right" valign="top" style="padding:10px 10px 10px 20px; font-size:11px; color:#EC8EB7">ride</td>
                </tr>
			</table>
            </td>
            </tr>

            <tr>
            <td align="left" valign="top" style="padding:0px 0px 0px 0px; background-color:#fff">
            <table width="100%" align="left" cellspacing="0">
	            <td rowspan="2" width="60px" align="left" valign="top" style="padding:5px 0px 5px 10px; border-top:1px solid #eee"><img border="1px" style="border-color:#ddd" src="../data/fornecedores/x/logo_forn_default.png" width="60px" height="60px" alt="x" /></td>
				<td align="left" valign="top" style="padding:15px 0px 0px 10px; border-top:1px solid #eee; font-size:12px; color:#444444"><div class="truncate"><b>Marie</b></div></td>
        	    <td align="right" valign="top" style="padding:15px 10px 0px 20px; font-size:11px; color:#888; border-top:1px solid #eee">12/07</td>
                <tr>
                <td align="left" valign="top" style="padding:10px 0px 10px 10px; font-size:11px; color:#888"><div class="truncate">Message5 Message5 Message5 Message5</div></td>
                <td align="right" valign="top" style="padding:10px 10px 10px 20px; font-size:11px; color:#EC8EB7">ride</td>
                </tr>
			</table>
            </td>
            </tr>

</table>
</td>
<!---// Left Table--->

<td id="selectedmessage" align="left">I NEED THE ID OF SELECTED MESSAGE</td>
Can help me?