function getParam (name) {
	name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); 
	var regexS = "[\\?&]"+name+"=([^&]*)"; 
	var regex = new RegExp( regexS ); 
	var results = regex.exec( window.location.href ); 
	if( results == null ) return ""; 
	else return results[1];
}
function decode(string) {
	var output = string;
	var binVal, thisString;
	var myregexp = /(%[^%]{2})/;
	while ((match = myregexp.exec(output)) != null && match.length > 1 && match[1] != '') {
		binVal = parseInt(match[1].substr(1),16);
		thisString = String.fromCharCode(binVal);
		output = output.replace(match[1], thisString);
	}
	return output;
}

function offerpalBanner(user_id){
	MOP.user_id = user_id;
	MOP.app_id = '18aea96f9a3e7a3165c3edf8f65556ec';
	MOP.sizeType = 1;
	MOP.currencyName  = 'FSB Cash';

	MOP.content_wrapper_element = 'offerpal-banner-wrapper';	
	MOP.content_element = 'offerpal-banner-wrapper';

	var titleText = 'Get FSB Cash';
	var title = getParam('title');

	title = decode(title);
	if (!MOP.isNull(title)) {
		titleText = title;
	}
	var cbanner = 'banner-300x250';
	if (MOP.sizeType == '1'){
		cbanner = 'banner-300x250';
		MOP.template_html = [
			'<div id="banner-300x250" class="dark">',
					'<div class="offer-banner">',
					'<div class="offer-title">',
						'<div class="offer-title-text">',
							titleText,
						'</div>',
					'</div>',
					'<div class="offer-wrapper">',
						'<div class="offer">',
							'<div class="offer-info">',
								'<div class="offer-name">{NAME}</div>',
								'<div class="offer-image">{IMAGEHTML}</div>',
							'</div>',
							'<div class="button">',
								'<table class="pointsButton" cellpadding="0">',
									'<tr>',
										'<td class="buttonLeft"></td>',
										'<td class="buttonMain"><span class="pointsLinkText">Get {AMOUNT} ',MOP.currencyName,'</span></td>',
										'<td class="buttonRight"></td>', 
									'</tr>',
								'</table>',
							'</div>',
						'</div>',
					'</div>',
				'</div>',
			'</div>'
		].join('');
	}
	else {
		MOP.template_html = [
			'<div id="banner-728x90" class="dark">',
				'<div class="offer-banner">',
					'<div class="offer">',
						'<div class="offer-image">{IMAGEHTML}</div>',
						'<div class="offer-info">',
							'<div class="offer-name">{NAME}</div>',
							'<div class="offer-desc">{DESCRIPTION}</div>',
						'</div>',
						'<div class="button">',
							'<table class="pointsButton" cellpadding="0" valign="middle">',
								'<tr>',
									'<td class="buttonLeft"></td>',
									'<td class="buttonMain"><span class="pointsLinkText">Get {AMOUNT} ',MOP.currencyName,'</span></td>',
									'<td class="buttonRight"></td>', 
								'</tr>',
							'</table>',
						'</div>',
					'</div>',
				'</div>',
			'</div>'
		].join('');
	}
    MOP.default_html = [
		'<div id="',cbanner,'">',
			'<div class="offer-banner dark">',
				'<div class="offer">',
					'<div style="font-size:16px;text-align:center;margin-top:24px;padding:0 12px;">We\'re sorry, there are currently no offers available.</div>',
			'</div>',
		'</div>'
	].join('');
	MOP.renderOffer(MOP.app_id, MOP.user_id, MOP.content_wrapper_element, MOP.content_element, MOP.customerservice_element, MOP.template_html, MOP.default_html);
}