$(document).ready(function() {

    // inject modal overlay
    $("body").append("<div id=\"modalOverlay\">&#160;</div>");

    //$("div#modalOverlay").width($(window).width());
    //$("div#modalOverlay").height($(window).height());

    var w = $(document).width();
    var h = $(document).height();

    if($(window).width() > w){
        w= $(window).width();
    }
    if($(window).height() > h){
        h= $(window).height();
    }

    $("div#modalOverlay").css({width:w,height:h,opacity:0.5,'z-index':998,position:'absolute',left:0,top:0,display:'none'});


    $(".osModalOpenButton").click(function() {

        $("div#modalOverlay").fadeIn("slow");

        var left = ($(window).width() / 2) - ($("div.osModal").width() / 2 );
        var top = ($(window).height() / 2) - ($("div.osModal").height() / 2);
        $("div.osModal").css("z-index", "999");
        $("div.osModal").css("position", "absolute");
        $("div.osModal").css("left", left);
        $("div.osModal").css("top", top);

        $(window).bind("scroll", function(){});
        $("#" + this.id + "Ct").fadeIn("slow");
    });

    $("div.osModal .closeButton").click(function() {

        $("div#modalOverlay").fadeOut("slow");
        $(window).unbind("scroll", function(){});
        $("div.osModal").fadeOut("slow");
    });

});