/**
 * Close advertisement popup
 */
function close_popup() {
	$.cookie('pagecount', 1, { path: '/' });
	overlayapi = $('#popup-modal').overlay().close();
}

function append_popup(ptitle, pbody, pbutton, psurveyurl) {
	var box_bgcolor = 'bed7ff';
	var box_forecolor = '000';
	var box_linkcolor = '000066';
	var font_headercolor = '000066';
	var button_bgcolor = '000066';
	//$(document.body).append('<style type="text/css">#popup-modal .close_button{background-image:url(../media/images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}</style><div id="popup-modal" style="position: fixed !important;display:none;width:400px;background-color:#'+box_bgcolor+';color:#'+box_forecolor+';padding:10px;border:1px solid #000;font-size:12px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-shadow: 0 0 50px #ccc;-webkit-box-shadow: 0 0 50px #ccc;font-family:Arial,Helvetica,sans-serif;"><h2 style="margin:0px;padding:10px 0 10px 0;border-bottom:1px solid #333;font-size:20px;color:#'+font_headercolor+';text-align:center;">'+ptitle+'</h2><p style="padding:0 10px 10px 10px;">'+pbody+'</p><p style="text-align:center;"><button class="" style="outline:1px outset #999;border:1px solid #fff;background-color:#'+button_bgcolor+';color:#fff;height:32px;-moz-border-radius:4px;-moz-outline-radius:4px;cursor:pointer;font-size:14px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;" onclick="javascript:ourl(\''+psurveyurl+'\');">'+pbutton+'</button></p><a style="color:#'+box_linkcolor+';" href="javascript:close_popup();"><div class="close_button"></div></a></div>');
	$(document.body).append('<style type="text/css">#popup-modal .close_button{background-image:url(../media/images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}</style><div id="popup-modal" style="position: fixed !important;display:none;width:500px;background-color:#'+box_bgcolor+';color:#'+box_forecolor+';padding:10px;border:1px solid #000;font-size:12px;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-shadow: 0 0 50px #ccc;-webkit-box-shadow: 0 0 50px #ccc;font-family:Arial,Helvetica,sans-serif;"><div style="float: left; width: 100px; padding: 10px;"><img style="margin: 1em 0px 0px 0px;clear: left;" src="../media/images/book_image_psor_sm.jpg" alt="" width="100" height="150"></div><div><h2 style="margin-left:120px;padding:10px 0 10px 0;border-bottom:1px solid #333;font-size:20px;color:#'+font_headercolor+';text-align:left;">'+ptitle+'</h2><p style="padding:0 10px 0 10px;">'+pbody+'</p><p style="text-align:center;"><button class="" style="width:96%;outline:1px outset #999;border:1px solid #fff;background-color:#'+button_bgcolor+';color:#fff;height:32px;-moz-border-radius:4px;-moz-outline-radius:4px;cursor:pointer;font-size:14px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;" onclick="javascript:ourl(\''+psurveyurl+'\');">'+pbutton+'</button></p><a style="color:#'+box_linkcolor+';" href="javascript:close_popup();"><div class="close_button"></div></a></div></div>');
}
	

function ourl(url) {
	overlayapi = $('#popup-modal').overlay().close();
	$.cookie('pagecount', -1, { path: '/' });
	window.open(url, '_blank');
}

/**
 * Display Advertisement popup after x pages
 */
$(document).ready(function() {

	// Append popup to document
	append_popup('Sondage Carrefour sur le psoriasis', 'Aidez-nous &agrave; am&eacute;liorer le site psoriasisconnections.ca! Cliquez sur le lien ci-dessous pour r&eacute;pondre &agrave; un sondage portant sur ce site et pour recevoir un exemplaire GRATUIT du livre <em>100 Questions &amp; Answers About Psoriasis</em>, de Kendra Gail Bergstrom, M.D., et Alexa Boer Kimball, M.D., M.H.P. &ndash; qui vous sera tr&egrave;s utile pour la prise en charge du psoriasis!', 'Faites le sondage', 'http://questionpro.com/t/CHkHRZDwGlK');
	
	// Load popup after x-1 pages
	var popup_pages_count = 4;

	// Initialize variables
	var pages_loaded = parseInt($.cookie('pagecount'));
	var page_display = $('#pages-visited');

	// when no cookie is set, initialize page count
	if ($.cookie('pagecount') == null) {
		pages_loaded = 0;
	}

	// Increment page count
	pages_loaded++;

	if (pages_loaded > 0) {

		// When page count is reached, display popup and reset count
		if (pages_loaded > popup_pages_count - 1) {
			
			var overlayapi = $('#popup-modal').overlay({ top: 272, expose: { color: '#333', loadSpeed: 200, opacity: 0.9 }, close: 'close_button', closeOnClick: false, closeOnEsc: false, api: true }).load();
			
		} else {
			$.cookie('pagecount', pages_loaded, { path: '/' });
		}

		// When element is there for page count, display it
		if (page_display != undefined) {
			page_display.html(pages_loaded);
		}
	}
});
