var showLoadingMain = '<center><i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i><span class="sr-only">Loading...</span></center>';
/*****************************************
	Show Modal after updating title/header	
*****************************************/
function showicorDialog(dType, dTitle, dBody, dColor)
{
	var titlePrefix = "";
	switch(dType)
	{
		case "success":
			titlePrefix = "<span class='text-green'><i class='fa fa-check-circle'></i>&nbsp;";
		break;
		case "error":
			titlePrefix = "<span class='text-red'><i class='fa fa-times-circle'></i>&nbsp;";
		break;
		case "contact":
			titlePrefix = "<span class='text-burgundy'><i class='fa fa-info-circle'></i>&nbsp;";
		break;
		case "color":
			titlePrefix = "<span style='color:#" + dColor + ";'><i class='fa fa-info-circle'></i>&nbsp;";
		break;
		default:
			titlePrefix = "<span class='text-green'><i class='fa fa-check-circle'></i>&nbsp;";
	}
	//Set title and body
  $('#icorDialogTitle').html(titlePrefix + dTitle + "</span>");
  $('#icorDialogBody').html(dBody);
	//Show the html content
	$('#icorDialog').modal('show');
}
/* Clear modal html when clicked */
$('#icorDialog').on('hidden.bs.modal', function () {
    $('#icorDialogBody').html("");
})
/*********************************
	Show contact form when clicked
*********************************/
$(document).on('click', '.contactICOR', function(e){
	e.preventDefault();
  	var contactHTML = "";
	contactHTML += "<p><span class='bold'>The International Consortium For Organizational Resilience</span></p>";
	contactHTML += "<p><i><a class='au' href='files/ICORComplaints-Appeals-2016.pdf' target='_blank'>ICOR's Complaints and Appeals Policy</a></i></p>";

	contactHTML += "<p><i class='fa fa-building text-burgundy'></i>&nbsp;P.O. Box 1171, ";
	contactHTML += "Lombard, Illinois 60148</p>";

	contactHTML += "<p><i class='fa fa-phone text-burgundy'></i>&nbsp;<a href='tel:+16307050910'>+1-630-705-0910</a></p>";

	contactHTML += "<p><i class='fa fa-phone text-burgundy'></i>&nbsp;<a href='tel:+18667658321'>Toll Free North America: 1-866-765-8321</a></p>";	

	contactHTML += "<p><i class='fa fa-envelope text-burgundy'></i>&nbsp;<a href='mailto:info@theICOR.org'>info@theICOR.org</a></p>";

	contactHTML += "<hr/><h4 class='header-large text-burgundy'>Email Us!</h4>";

	contactHTML += "<div class='form-group'>";
  contactHTML += "<input type='text' class='form-control' id='cf_name' placeholder='Name' />";
	contactHTML += "</div>";

	contactHTML += "<div class='form-group'>";
  contactHTML += "<input type='text' class='form-control' id='cf_email' placeholder='Email Address' />";
	contactHTML += "</div>";

	contactHTML += "<div class='form-group'>";
  contactHTML += "<input type='text' class='form-control' id='cf_phone' placeholder='Phone Number (Optional)' />";
	contactHTML += "</div>";

	contactHTML += "<div class='form-group'>";
	  contactHTML += "<textarea class='form-control' rows='5' id='cf_message' placeholder='Enter your message here...'></textarea>";
	contactHTML += "</div>";

	contactHTML += "<div id='contact-error'></div>";
	contactHTML += "<center><button class='btn btn-default' onClick='processContact();' id='processContactForm'>Send Email</button></center>";

	showicorDialog('contact', 'Contact ICOR by mail, phone, or email', contactHTML);});

$(document).on("click", ".loadVenueInfo", function(e){
  e.preventDefault();
  var vid = $(this).attr('data-vid');
  var city = $(this).attr('data-city');
  var state = $(this).attr('data-state');
  var citystate = $(this).attr('data-citystate');
  $.post("scripts/loadVenue.php",{venue: vid},
  function(data){
  	if (citystate != undefined)
  	{
  		showicorDialog("contact", "Viewing " + citystate + " Information", data);
  	}else{
    	showicorDialog("contact", "Viewing " + city + ", " + state + " Information", data);
    }
  });
});
/***********************
	Process Contact Form
***********************/
function processContact() {
	$("#processContactForm").prop("disabled",true);
	$("#processContactForm").html("<i class='fa fa-cog fa-spin center'></i>&nbsp;Sending Email...");
	var cfname = $("#cf_name").val();
	var cfemail = $("#cf_email").val();
	var cfmessage = $("#cf_message").val();
	var cfphone = $("#cf_phone").val();
	var errorMessage = "";
	if (cfname == "")
	{
		if (errorMessage != "") errorMessage += "<br/>";
		errorMessage += "You must enter a name.";
	}
	if (cfemail == "")
	{
		if (errorMessage != "") errorMessage += "<br/>";
		errorMessage += "You must enter an email.";
	}
	if (cfmessage == "")
	{
		if (errorMessage != "") errorMessage += "<br/>";
		errorMessage += "You must enter a message.";
	}
	if (errorMessage == "")
	{
		var varMessage = "Name: " + cfname + "\r\n";
		varMessage += "Email: " + cfemail + "\r\n";
		varMessage += "Phone: " + cfphone + "\r\n";
		varMessage += "Message: " + cfmessage + "\r\n";
		$.post("scripts/sendContactEmail.php",{cfname: cfname, cfemail: cfemail, cfmessage: cfmessage, cfphone: cfphone},
    function(data){
      //alert(data);
      var splitData = data.split("::");
      if (splitData[0] == "SUCCESS")
      {
        showicorDialog("success", "Success", splitData[1]);
      }else{
        $("#contact-error").html("<span class='text-red'>" + splitData[1] + "</span>");
      }
    }
  );
	}else{
		$("#contact-error").html("<span class='text-red'>" + errorMessage + "</span>");
	}
	$("#processContactForm").prop("disabled", false);
  $("#processContactForm").html("Send Email");
}
/* Cookie/GDPR Accept Button */
$("#policy-button").on("click", function(e) {
  $("#policy-wrapper").remove();
  $.post("scripts/policy-accept.php",{}, function(data){});
});
/* Show more when clicked */
$(".shd").click(function(){
  var shid = $(this).attr('data-sid');
  $("#hidden-"+shid).toggle(1000);
});

var mainShowLoading = '<center><i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i><span class="sr-only">Loading...</span></center>';
var mainShowLoadingSmall = '<center><i class="fa fa-spinner fa-pulse fa-fw"></i><span class="sr-only">Loading...</span></center>';

function mainShowLoad(loadDiv) {
	$(loadDiv).html(mainShowLoading);
}
function main_post(url, pvars, loadDiv) {
	if (pvars === undefined) pvars = [];
	if (loadDiv === undefined) loadDiv = "";
  return $.ajax({
    url: url,
    type: 'post',
    data: pvars,
    dataType: 'html',
    beforeSend: mainShowLoad(loadDiv)
  })
  .always(function() {
  	$(loadDiv).html("");
  })
  .fail(function() {
		mainShowError("Loading <b>" + url + "</b> failed, please refresh the page and try again.  If the issue persists, please contact us.");
  });
}
function mainShowError(errorText)
{
	var bodyText = "";
	bodyText = '<div class="alert alert-danger alert-padding">';
		bodyText += '<span class="glyphicon glyphicon-exclamation-sign glyph-padding" aria-hidden="true"></span>';
		bodyText += errorText;
	bodyText += '</div>';
	$("#icorDialogTitle").html("Error Detected");
	$("#icorDialogBody").html(bodyText);
	$("#icorDialog").modal()
}