var emailDefault = "your email";
var captchaDefault = "captcha";

var emailInput = "input#email";
var captchaInput = "input#recaptcha_response_field";

$(function() {
  $('.error').hide();
  $('input.text-input').css({backgroundColor:"#FFFFFF"});
  $('input.text-input').focus(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
  });
  $('input.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
    $('.error').hide();
  });

  $(".button").click(function() {
		return processClick();
	});
	
  $(".button_skip").click(function() {
		return processClick();
	});	
  
  $(captchaInput).val(captchaDefault);
  $(captchaInput).css({color:"#BBBBBB"});
  
  $(captchaInput).focus(function() {
    var val = $(captchaInput).val();
		if(val == captchaDefault)
		{
      $(captchaInput).val("");
      $(captchaInput).css({color:"#333333"});
		}
	});
	
  $(captchaInput).blur(function() {
    var val = $(captchaInput).val();
		if(val == "")
		{
      $(captchaInput).val(captchaDefault);
      $(captchaInput).css({color:"#BBBBBB"});
		}
	});	
  	
  $(emailInput).val(emailDefault);
  $(emailInput).css({color:"#BBBBBB"});

  $(emailInput).focus(function() {
    var val = $(emailInput).val();
		if(val == emailDefault)
		{
      $(emailInput).val("");
      $(emailInput).css({color:"#333333"});
		}
	});
	
  $(emailInput).blur(function() {
    var val = $(emailInput).val();
		if(val == "")
		{
      $(emailInput).val(emailDefault);
      $(emailInput).css({color:"#BBBBBB"});
		}
	});	
	
	
	
  $('input.text-input').keydown(function() {
    $('.error').hide();
	});		
	
});

function processClick()
{
    $('.error').hide();

		var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
		var email = $("input#email").val();
		
		responseField = $("input#recaptcha_response_field").val();
		
		if(email == emailDefault && responseField == captchaDefault)
		{
      displayDownload();
      return false;
		}
		
		if (!filter.test(email)) {
      $("label#email_error").show();
      $("input#email").focus();
      return false;
    }
    
    challengeField = $("input#recaptcha_challenge_field").val();
    
		if (responseField == captchaDefault) {
      $("input#recaptcha_response_field").focus();
      return false;
    }    
    
    var html = $.ajax({
    type: "POST",
    url: "scripts/ajax.recaptcha.php",
    data: "recaptcha_challenge_field=" + challengeField + "&recaptcha_response_field=" + responseField,
    async: false
    }).responseText;
    
    if(html == "success")
    {
    }
    else
    {
        $("label#captcha_error").show();
        Recaptcha.reload();
        return false;
    }
		
		var dataString = 'email=' + email;
		
		$.ajax({
      type: "POST",
      url: "scripts/process.php",
      data: dataString,
      success: displayDownload
     });
    return false;
    
}

function displayDownload()
{
  if(trial != "")
  {
    var htmlStr = "<p style='margin-top:10px;'><strong>All Infos</strong> on the <a href='"+trial+"'>free trial version</a> of this effect can be found <a href='"+trial+"'>here</a>.</p><div style='width:100px; text-align:center; margin:15px 0px 15px 0px;'><a href='download/"+fileName+"AS2.zip' id='downloadBtn1' target='_self'><img width='100' height='34' align='bottom' src='/img/download-as2.gif' alt='Download AS2 version' /></a><p style='width: 100px'>"+size1+" MB .zip file</p></div><div id='thx_content'><h3 style='color: rgb(14, 174, 204); text-weight:16px;'>Thank you for downloading...</h3>.<a href='quick-start-guide.phtml' target='_blank'><img align='bottom' src='/img/qs/after_download_qs.gif'/></a></div><p>Note: <strong>Currently we do NOT provide AS3 trial versions</strong>. If you want to make sure, that the effect components does work in your AS3 projects, please download the AS3 version of our free effects (<a href='iris-transition-effect-download.phtml'>Iris Transition Effect</a>, <a href='cut-transition-effect-download.phtml'>Cut Transition Effect</a>, <a href='blur-effect-download.phtml'>Blur Transition Effect</a>, <a href='radar-effect-download.phtml'>Radar Transition Effect</a>, <a href='splash-transition-effect-download.phtml'>Splash Transition Effect</a>, <a href='wipe-transition-effect-download.phtml'>Wipe Transition Effect</a>).</p>";
  }
  else
  {
    var htmlStr = "<div style='text-align: center; width:220px; margin-top: 20px; margin-bottom: 10px;'><div style='float: left;'>  <a id='downloadBtn1' href='download/full/"+fileName+"AS2.zip' target='_self'><img width='100' height='34' align='bottom' src='/img/download-as2.gif' alt='Download AS2 version' /></a>  <p style='width: 100px'>"+size1+" MB .zip file</p></div><div style='float: right;'>  <a id='downloadBtn2' href='download/full/"+fileName+"AS3.zip' target='_self'><img width='100' height='34' align='bottom' src='/img/download-as3.gif' alt='Download AS3 version' /></a>  <p style='width: 100px' >"+size2+" MB .zip file</p></div></div><div style='clear:left; padding-top: 10px; '><div id='thx_content'><h3 style='color: rgb(14, 174, 204); text-weight:16px;'>Thank you for downloading...</h3>.<a href='quick-start-guide.phtml' target='_blank'><img align='bottom' src='/img/qs/after_download_qs.gif'/></a></div>"
  }

  $('#contact_form').html("<div id='message'></div>");
  $('#message').html(htmlStr)
  .hide()
  .fadeIn(500);
  
  $('#thx_content').hide();
  
  
  if(trial != "")
  {
    $("#downloadBtn1").click(function() 
    {
      $('#thx_content').fadeIn(500);
      //pageTracker._trackPageview("/download.as2."+effectId+"_trial");
      _gaq.push(['_trackPageview', "/download.as2."+effectId+"_trial"]);
    });  
  }
  else
  {
    $("#downloadBtn1").click(function() 
    {
      $('#thx_content').fadeIn(500);
      //pageTracker._trackPageview("/download.as2."+effectId);
      _gaq.push(['_trackPageview', "/download.as2."+effectId]);
    });
    
    $("#downloadBtn2").click(function() 
    {
      $('#thx_content').fadeIn(500);
      //pageTracker._trackPageview("/download.as3."+effectId);
      _gaq.push(['_trackPageview', "/download.as3."+effectId]);
    });    
  }
}