$(document).ready(function(){   
	$('a.johanbox').click(function(){
    	var t = this.title || this.name || null;
    	var a = this.href || this.alt;
    	showBox(t,a);
    	return false;
	});
});


function showBox(title,url) {
    $('.jb_container').remove();
    
    var height = 265;
    var width = 400;
    var centerTop = ($(window).height() / 2) - (height / 2);
    var centerLeft = ($(window).width() / 2) - (width / 2);
    
    $('body').append('<div id="jb_container" class="jb_container" style="top: '+centerTop+'px; left: '+centerLeft+'px;"></div>');
    
    $('#jb_container').append('<div class="jb_close"><a href="#" onclick="jb_remove(); return false;">sluiten</a></div>');
    if (title != null && title != 'undefined') {
        $('#jb_container').append('<div class="jb_title">'+title+'</div>');
    }
    $('#jb_container').append('<iframe frameborder="0" hspace="0" id="johanBox" src="'+url+'" class="jb_frame" style="width: '+width+'px; height: '+height+'px;"></iframe>');
}
function jb_remove() {
    $('#jb_container').remove();
    return false;
}