CSS では、重なり順を zindex という番号で管理しています
デフォルトは０(auto)
で
番号が大きくなるほど前面に表示されます
同じ番号だと、後ろの要素が前面に表示されます
これを使えば、マウスが要素に重なった時点で
その要素の zindex の値を一番大きくすれば
最前面に表示することができます
これを行うには
var zindex = 1;
というように値を初期化
次に、
.mouseover() の内部で
$(this).css({“zIndex”: ++zindex});
というようにカウントアップすればOKです