$(function() { 
	$('.freeTrial').click(function() {
		var trialContainerWidth = 745;
		var trialContainerPadding = 15;
		$.blockUI({ 
			message:'<div class="trialCloseButton"><img src="/images/trial-button-close.png" alt="Close" width="29" height="31"></div><iframe src="https://www.trial.cirkuit.net/" width="745" height="425" frameborder="0" scrolling="no"></iframe>',
			css: { 
				top: '8%',
				width:trialContainerWidth+'px',
				//left:450,
				left:($(window).width()/2-((trialContainerWidth+trialContainerPadding)/2))+'px',
				//height:'425',
				textalign:'center',
	            border: 'none',
	            padding: trialContainerPadding+'px', 
	            '-webkit-border-radius': '10px', 
	            '-moz-border-radius': '10px',
				'border-radius': '10px',
				cursor:'pointer'
        	},
			overlayCSS:  { 
		        backgroundColor: '#000', 
		        opacity: 0.5,
				cursor:null
		    }
		});
	});
	
	$('.trialCloseButton').live('click',function(){
		$.unblockUI();
	});
});