	$(document).ready(function(){
		
		centerPopup();
		
		$('#cancelButton').click(function(){
			disablePopup();	
		});	
		$('#backgroundPopUp').click(function(){
			disablePopup();
		});
		
		$(document).keypress(function(e){
			if(e.keyCode==27 && popupStatus==1){
				disablePopup();
			}
		});	
	});
	
	// 1 = on , 0 = off ...
	var popupStatus = 0;
	
	function enablePopup(data){
		if(popupStatus==0){
			$('#backgroundPopUp').css({'opacity' : '0.7'});
			$('#backgroundPopUp').fadeIn('slow');
			$('#popup').html(data).fadeIn('slow');
			popupStatus = 1;
		}
	}
	
	function disablePopup(){
		if(popupStatus==1){
			$('#backgroundPopUp').fadeOut('slow');
			$('#popup').fadeOut('slow');
			popupStatus = 0;
		}
	}
	
	function centerPopup(){
		var windowWidth  = document.documentElement.clientWidth;
		var popupWidth = $('#popup').width();
		
		$('#popup').css({
			'position' : 'absolute',
			'left' : (windowWidth / 2) - popupWidth / 2
		});
		
		
	} 
	
	function loadPopupContent(task, id, service) {	
		
		var base_url = $('#base_url').val();
		
		if (task == 'storefront_purchase') {
			var parameters = "content_url_id="+id+"&service="+service;
		} else {
			var parameters = "content_url_id="+id+"&service="+service;
		}

		$.ajax({
			type: "POST",
			url: base_url+"popup/"+task,
			data: parameters,
			success: function(data){
				enablePopup(data);	
			}
			
		});
		//$('#popup').html
		
	}

	function decomPopup(task, url){
                var base_url = $('#base_url').val();

                $.ajax({
                        type:'POST',
                        url: base_url+'popup/' + task,
                        data: { 'url' : url },
                        success: function(data){
                                enablePopup(data);
                        }
                });


        }

	function notifPopup(method, id){

		var base_url = $('#base_url').val();
		
		$.ajax({
			type:'POST',
			url: base_url+'popup/' + method,
			data: { 'id' : id },
			success: function(data){
				enablePopup(data);
			}
		});
		

	}

