function createPopupLayer(imagesrc, title, description, w, h) {
	var body = $("body");
	var bg = $('<div id="disabledBg"></div>');
    bg.css("height", $(document).height() + 'px');
    var html = $('<div id="popupcontainer"><div id="popupcontent"><div id="popupbody"><img src="'+imagesrc+'" alt="" width="'+w+'" height="'+h+'" border="0" /></div><div id="popuptitle">'+title+'</div><div id="popupinfo">'+description+'</div><div id="popupclose"><a href="#" onclick="return destroyPopupLayer()">close</a></div></div></div>');
    var doch = $(window).height();
    var docw = $(window).width();
	body.append(bg);
	body.append(html);
    html.css('top', (Math.floor((doch-html.height())/2) + $(window).scrollTop())+'px');
    html.css('left', (Math.floor((docw-html.width())/2) + $(window).scrollLeft())+'px');
    return false;
}

function destroyPopupLayer() {
    $('#popupcontainer').remove();
    $('#disabledBg').remove();
    return false;
}

$(window).scroll(function(e) {
    var html = $('#popupcontainer');
    if(!html.length) return;
    var doch = $(window).height();
    var docw = $(window).width();
    html.css('top', (Math.floor((doch-html.height())/2) + $(window).scrollTop())+'px');
    html.css('left', (Math.floor((docw-html.width())/2) + $(window).scrollLeft())+'px');
    var bg = $('#disabledBg');
    bg.css("height", doch + 'px');
    bg.css("width", docw + 'px');
    bg.css("top", $(window).scrollTop() + 'px');
    bg.css("left", $(window).scrollLeft() + 'px');
});

$(window).resize(function(e) {
    var html = $('#popupcontainer');
    if(!html.length) return;
    var doch = $(window).height();
    var docw = $(window).width();
    html.css('top', (Math.floor((doch-html.height())/2) + $(window).scrollTop())+'px');
    html.css('left', (Math.floor((docw-html.width())/2) + $(window).scrollLeft())+'px');
    var bg = $('#disabledBg');
    bg.css("height", doch + 'px');
    bg.css("width", docw + 'px');
    bg.css("top", $(window).scrollTop() + 'px');
    bg.css("left", $(window).scrollLeft() + 'px');
});