$(document).ready(function() {
	
	var popup = {};

	//Add popup div
	$('<div id="popupdiv" class="default">'+
		'<div class="open-left"></div>'+
		'<div class="open-right"></div>'+
		'<div class="open-mid"></div>'+
		'<div id="popupdiv_head">'+
			'<a href="javascript:void(0);" id="popupdiv_close">'+closetext+'</a>'+
			'<h2></h2>'+
			'<div class="c"></div>'+
		'</div>'+
		'<div id="popupdiv_content"></div>'+
		'<div class="close-left"></div>'+
		'<div class="close-right"></div>'+
		'<div class="close-mid"></div>'+
	'</div>')
	.appendTo(document.body)
	.hide();
	
	$('a#popupdiv_close').click(function(){
		$('#popupdiv').hide();
	});
	
	$("a.popupperso").click(function(){
		
		$('#popupdiv #popupdiv_head h2').html($(this).attr('title'));
		$('#popupdiv #popupdiv_content').html($($(this).attr('href')).html());
		$('#popupdiv #popupdiv_content').css('width', $($(this).attr('href')).css('width'));
		
		var view = [ $(window).width(), $(window).height(), $(document).scrollLeft(), $(document).scrollTop() ];
		
		var pos = {};
		pos.top = view[3] + ((view[1] - $('#popupdiv').height()) * 0.5);
		pos.left = view[2] + ((view[0] - $('#popupdiv').width()) * 0.5);
		
		$('#popupdiv').css(pos);
		
		$('#popupdiv').show();
	});
	
	
});