function validateError(id) {
   $(id + '-status').hide().html('<img src="/images/cross.png" width="16" height="16" alt="Not Ok" />').fadeIn(300);
   $(id).css('background', '#fee');
   return 1;
}

function validate(id) {
   $(id + '-status').hide().html('<img src="/images/tick.png" width="16" height="16" alt="Ok" />').fadeIn(300);
   $(id).css('background', '#fff');
   return 0;
}

$(function() {

   /*******************************************************************
    * FAQ
    ******************************************************************/

   $('#faq .q').click(function() {
      $('#faq .answer').slideUp();
      $(this).next().slideDown();
      return false;
   });

   /*******************************************************************
    * Quiz
    ******************************************************************/

   /*$('.slider').slider({
      min: 0,
      max: 6,
      slide: function (e, ui) {
         n = $(this).slider('value');
         id = $(this).attr('id');
         $('#' + id + '-score').html(n);
      }
   }); */

   /*******************************************************************
    * Plan Details
    ******************************************************************/

   $('#details a').click(function() {
      pos = $(this).attr('id').split('_');
      $('.info-box').hide();
      $('#'+pos[0]+'-box').hide().fadeIn(300).css('margin-top', (pos[1] * 30)+'px');
      return false;
   });

   /*******************************************************************
    * Page Rank Checker
    *******************************************************************/

   $('#pagerank').click(function() {
      url = $('#url').val();
      $('#pr-results').html('<img class="floatleft" src="/images/loading.gif" width="24" height="24" alt="Loading" id="loading" />');
      $.ajax ({
         url: '/page-rank-checker-ajax.php',
         type: 'POST',
         data: 'url=' + url,
         success: function(results) {
            $('#loading').fadeOut(300);
            $('#pr-results').html('<div class="url">' + url + '</div>has a PageRank of <div class="pr">' + results + '</div>');
            return false;
         }
      });
      return false;
   });

   /*******************************************************************
    * Contact Forms
    *******************************************************************/

	$('#website').blur(function() {
		if ($(this).val().length <= 5) { validateError('#website'); }
      else { validate('#website'); }
	});

	$('#company').blur(function() {
		if ($(this).val().length <= 0) { validateError('#company'); }
      else { validate('#company'); }
	});

   $('#name').blur(function() {
		if ($(this).val().length <= 0) { validateError('#name'); }
      else { validate('#name'); }
	});

	$('#email').blur(function() {
		var pattern = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
		if (! $(this).val().match(pattern)) { validateError('#email'); }
      else { validate('#email'); }
	});

   $('#phone').blur(function() {
		if ($(this).val().length <= 0) { validateError('#phone'); }
      else { validate('#phone'); }
	});

   $('#found').blur(function() {
		if ($(this).val().length <= 0) { validateError('#found'); }
      else { validate('#found'); }
	});

   $('#submit').click(function() {
      var website = $('#website').val();
		var company = $('#company').val();
      var name = $('#name').val();
		var email = $('#email').val();
      var phone = $('#phone').val();
		var found = $('#found').val();
		var comments = $('#comments').val();
      var subject = $('#subject').val();
      var pattern = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
      
      error = 0;
      if (website.length <= 5) { error += validateError('#website'); }
      if (company.length <= 0) { error += validateError('#company'); }
      if (name.length <= 0) { error += validateError('#name'); }
      if (!email.match(pattern)) { error += validateError('#email'); }
      if (error > 0) {
         return false;
      }
      $('#status').fadeIn(300);
      $('#status').html('<img class="floatleft" src="/images/loading.gif" width="24" height="24" alt="Loading" id="loading" />');
      $.ajax ({
            url: '/send_email.php',
            type: 'POST',
            data: 'website=' + website + '&company=' + company + '&name=' + name +
               '&email=' + email  + '&phone=' + phone + '&found=' + found +
               '&comments=' + comments + '&subject=' + subject,
            success: function(results) {
               $('#status').append(results);
               $('#loading').fadeOut(500, function() {
                  $(this).remove();
               });
               $('#submit').attr('disabled', 'disabled');
               return false;
            }
      });
      return false;
   });
  
});