var popupBg;
var popupHolder;

function initPopup(){
	popupBg = $('#fader');
	popupHolder = $('#popup');

	//$('#test-popup').click(showPopup);
	$('#btn-close').click(hidePopup);
}

function hidePopup(){
	popupHolder.hide();
	popupBg.animate({opacity: 0}, 125, "easeInSine", function(){
		popupBg.hide();
	});
}

function setPopup(data){
	if(data.urlRight){
		$('#btn-right').show();
		$('#btn-right').attr('href', data.urlRight);
		$('#btn-right').html('<span>'  + data.urlRightTitle + '</span>' );
	}else{
		$('#btn-right').hide();
	}
	if(data.url){
		$('#btn-left').show();
		$('#btn-left').attr('href', data.url);
		$('#btn-left').html('<span>'  + data.urlTitle + '</span>' );
	}else{
		$('#btn-left').hide();
	}
	popupHolder.find('h3').text(data.title);
	popupHolder.find('p').text(data.message);
	showPopup();
}

function showPopup(){
	popupBg.css({opacity: 0, display:"block"});
	popupBg.css('height', $(document).height() + 'px');
	popupBg.animate({opacity: 0.7}, 125, "easeOutSine", function(){
		var popupTop;
		var popupLeft;

		popupHolder.show();

		popupTop = ($(document).height() / 3) - (popupHolder.height() / 2) + $(document).scrollTop();
		popupLeft = ($(document).width() / 2) - (popupHolder.width() / 2) + $(document).scrollLeft();
		if(popupTop < 0) {
			popupTop = 100;
		}

		popupHolder.css({top:popupTop, left:popupLeft});

	});
}

$(document).ready(initPopup);