$(window).load(function(){
$("")
.each(function(i, o) {
var TheImage = $(this).children("img");
$(this)
.css({"display": "block", "position": "relative"})
.append('<div class="rolloverlayer" style="width:' + $(TheImage).outerWidth() + 'px; height:' + $(TheImage).outerHeight() + 'px;">&nbsp;</div>')
;
})
.mouseover(function(e) {
$(this).children(".rolloverlayer").show();
})
.mouseout(function(e) {
$(this).children(".rolloverlayer").hide();
})
;
});