$(document).ready(function(){

var overlay = "<div id='overlay'><!-- --></div>";
$("#wrapper").append(overlay);
var body_height = $("body").height();
$("#overlay").css("height", body_height);


$(".close").click(function(){
    $("#overlay").hide();
    $(".online_message").hide();
});

$(".mbox").click(function(){
    var rel = $(this).attr("rel");
    var mTop = $("#" + rel).css("top", $(window).scrollTop() + 10);
    $("#" + rel).fadeIn();
     $("#overlay").show();
});

$(".online_message").each(function() {
    var mwidth = $(this).width();
    var window_width = $(window).width();
    $(this)

    .css("top", $(window).scrollTop() + 40);
    
     //.css("left", window_width/2 - mwidth/2)

});

});