$(document).ready(function() {
		setupPage();
});

function setupPage() {
	$('.openModal').click(function() {
        //get link rel
		var thisRel = $(this).attr('rel');
		$('#modal').html('<div id="closeBox"><a href="javascript:void(0);">Close X</a></div><iframe frameborder="0" id="iPop" src="' + thisRel + '" width="98%" height="93%"></iframe>');
		$('#overlay').fadeIn();
		$('#modal').fadeIn();
		//get iframe width & height
		var iWidth = $("#iPop").attr('width');
		var iHeight = $("#iPop").attr('height');
		$("#modal").css("width", iWidth);
		$("#modal").css("height", iHeight);
		$('#closeBox').css({'width' : '98%', 'text-align' : 'right', 'font-size' : '18px'});
		$('#closeBox a').css({'color' : '#fff'});
		$('#closeBox a').click(function() {
		$('#overlay').fadeOut();
		$('#modal').fadeOut();
	});
	});
}