// JavaScript Document
function openModal(url) {
	var width= 400;
	var height=300;
	var content = url;
	
	var modal = "";
	modal += "<div class=\"modal-overlay\"></div>";
	modal += "<div id=\"modal\" class=\"modal-window\" style=\"width:" + width + "px; height:" + height + "px; margin-top:-" + (height / 2) + "px; margin-left:-" + (width / 2) + "px;\">";
	modal += "<div class=\"close-window\"><a href=\"#\">Fechar</a></div>";
	
	modal += "<iframe width='"+width+"' height='"+height+"' frameborder='0' scrolling='yes' allowtransparency='true' src='" + url + "'></iframe>";
	modal += "</div>";	
	
	
	$("body").append(modal);	
	
	$('.close-window').click( function() { closeModal(); });
	$(".modal-overlay").click( function() { closeModal(); });
}

	
function closeModal() {			
	$(".modal-window").remove().fadeIn();
	$(".modal-overlay").remove().fadeIn();
}