$(document).ready(function()
{
	
	
	
   $('.cc_modal').qtip(
   {
      content: { title: {
            text: 'Alaska Sportfishing Newsletter',
            button: 'Close'
         },
		url: 'constant-contact-ajax2.php' },
      
      position: {
         target: $(document.body), // Position it via the document body...
         corner: 'center' // ...at the center of the viewport
      },
      show: {
         when: 'click', // Show it on click
         solo: true // And hide all other tooltips
      },
      hide: { when: { target: $('#cancel_btn') } },
      style: {
         width: 650,
		 height: 400,
         padding: '14px',
         border: {
            width: 9,
            radius: 9,
            color: '#666666'
         },
         name: 'light'
      },
      api: {
         beforeShow: function()
         {
            // Fade in the modal "blanket" using the defined show speed
            $('#qtip-blanket').fadeIn(this.options.show.effect.length);
         },
         beforeHide: function()
         {
            // Fade out the modal "blanket" using the defined hide speed
            $('#qtip-blanket').fadeOut(this.options.hide.effect.length);
         },
		 onContentUpdate: function()
		 {
		 	//alert('Loaded');
			setup_errors();
			$('#contant_contact_form').submit(function(){
				
				form_loaded_handler();
				return false;
			});
			$('#cancel_btn').click(function(){
								   $('a[rel="cc_modal"]').qtip("hide");
								   });
		 }
      }
   });

   // Create the modal backdrop on document load so all modal tooltips can use it
   $('<div id="qtip-blanket">')
      .css({
         position: 'absolute',
         top: $(document).scrollTop(), // Use document scrollTop so it's on-screen even if the window is scrolled
         left: 0,
         height: $(document).height(), // Span the full document height...
         width: '100%', // ...and full width

         opacity: 0.7, // Make it slightly transparent
         backgroundColor: 'black',
         zIndex: 5000  // Make sure the zIndex is below 6000 to keep it below tooltips!
      })
      .appendTo(document.body) // Append to the document body
      .hide(); // Hide it initially


});

function form_loaded_handler(){
	var api = 'http://www.cloverpassresort.com/ccapi.php?action=addcontact';
	//alert('hello');
  //Hide error message if needed. 
  $('.cc_response_container').slideUp('slow');
  
  haserrors = false;
  //Check Email Value
  if(!validate_email($('#email_address').val())){
	haserrors = true;
	$('#email_address_error').removeClass('error_container_hide').addClass('error_container');
  } else {
	$('#email_address_error').removeClass('error_container').addClass('error_container_hide');
  }
  
  //Check List
  var lists = $('.lists_con input').serializeArray();
  if(lists.length == 0){
	//alert("No Lists");
	haserrors = true;
	$('#list_error_1').removeClass('error_container_hide').addClass('error_container');
	
  }else{
	$('#list_error_1').removeClass('error_container').addClass('error_container_hide');
  }
//  $.each(lists, function(index, value) { 
//		  alert(index + ': ' + value.value); 
//		});
	
	
	//Submit Ajax
	if(!haserrors){
		//alert($('#contant_contact_form').serialize());
		$.post(api, $("#contant_contact_form").serialize(),function(data) {
		  process_submission(data);
		});

	 } else {
		$('.cc_response_container').slideDown('slow');
		$('.cc_response_container').html('Please fix errors in the form. <span style="font-size:10px;">(Mouse-over * for more info)</span>'); 
	 }	
   
}

function setup_errors(){
	$('#email_address_error').qtip({
      content: {
         text: false // Use each elements title attribute
      },
      style: 'cream' // Give it some style
   });
   
   $('#list_error_1').qtip({
      content: {
         text: false // Use each elements title attribute
      },
	  position: {
		  corner: {
			 tooltip: 'topRight', // Use the corner...
			 target: 'bottomLeft'// ...and opposite corner
		  }
	   },
      style: 'cream' // Give it some style
   });	
}

function process_submission(data){
	if(data.childNodes[0].childNodes[0].nodeName != 'error'){
		//alert(data.childNodes[0].childNodes[0].childNodes[0].nodeValue);
	} else {
		//alert(data.childNodes[0].childNodes[0].childNodes[0].nodeValue);
	}
	$('.cc_response_container').slideDown('slow');
	$('.cc_response_container').html(data.childNodes[0].childNodes[0].childNodes[0].nodeValue);
				 
	//alert("Data Loaded: " + data.childNodes[0].childNodes[0].nodeName);
}

function validate_email(email) {
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   var address = email;
   if(reg.test(address) == false) {
      return false;
   }else{
   		return true;
	}
}