For the onclick event, I suggest you add this bit to the end of the script you have provided
var rows = tab.rows;
for (var i = 0; i < rows.length; i++) {
rows[i].onclick = (function() {
return function() {
var content = this.cells[0].innerHTML + this.cells[0].innerHTML;
alert(content);
}
})(i);
}
The mouseover and mouseout can be handled with simple CSS. Add the below CSS to your stylesheet
.productTable tr {background:#FFF;}
.productTable tr:hover {background:#19405f;}
That should do the required.