var subscriptionForm;
 var subscriptionLoader;
 var btnSubscribe;

 //
 // Called on subscriptions page load
 //
 function initSubscriptions(){
	subscriptionForm = document.getElementById("subscriptionList");
	subscriptionLoader = document.getElementById("subscriptionLoader");
	btnSubscribe = document.getElementById("btnSubscribe"); 
  var subscriberEmail = "";
  var subscriberName = "";
  if(document.getElementById("subscriberName")){
    subscriberName = document.getElementById("subscriberName").value;   
  }
  if(document.getElementById("subscriberEmail")){
    subscriberEmail = document.getElementById("subscriberEmail").value;   
  }
	doAjaxRequest(subscriberName, subscriberEmail);
 }
 
 //
 // Show loading indicator and hide subscription list 
 //
 function showIndicator(){
  if(subscriptionForm && subscriptionLoader){
    subscriptionForm.style.display = "none";
	  subscriptionLoader.style.display = "block";
    btnSubscribe.style.display = "none";
  }
 } 
 
 //
 // Hide loading indicator indicator and show subscription list
 //
 function hideIndicator(){
  if(subscriptionForm && subscriptionLoader){
   btnSubscribe.style.display = "inline";
   subscriptionLoader.style.display = "none";
  }
 }  
    
 //
 //Send Ajax request. attach response to page element and hide loading indicator 
 // 
 function doAjaxRequest(subscriberName, subscriberEmail){
 
  var dataStr = '&showSubscriptions=true&flashemailStrg=' + escape(subscriberEmail) + '&flashnameStrg=' + escape(subscriberName);
  showIndicator();
    
	$.ajax({
	  type: 'GET',
		url: 'subscriptions',
		data: dataStr,
		success: function(html){
		  hideIndicator();					
		  $('#subscriptionWrapper').html(html);
		}
	});
  }