/* Author: FELIX M  

*/
// explicit url: /me?fields=id,name,languages,link,username,timezone,verified,bio, birthday,education,email,hometown,interested_in,location,religion,significant_other,website,user_work_history'


  
function getAgebyDate(d){
  var today=new Date();
  var birth = new Date(d);
  var mili_per_year = 31556952000;
  var age = Math.floor((today.getTime() - birth.getTime())/(mili_per_year));
  return age;
}

$(function(){
  


function updateFields(response){
    //Populate all fields matching to the received response! according to these values!
    window.user = response;
    for (var key in response) {
      //console.log(key + '::' +response[key]);
      //console.log(response[key]);
      if(key =='location' || key =='hometown'){
        var s = response[key]['name'];
        
      }else if(key =='birthday'){
        s = getAgebyDate(response[key]); 
      }else if(key =='gender'){
        s=0; // prevent textfield overide
        var val = new String(response[key]);
        $('input:radio[name=gender]').filter('[value='+val+']').prop("checked", true);
      }else{
        var s = response[key];
      }
      if(s) $('section#form input[name="'+key+'"]').val(s);
      // Stuff to disable (array)
      // ar_disable = split('name email location', ' ')
      // add To Fb Object as well...
    }
}

function lockFields(){
  
}  


function showForm(){
  //scroll to top
  $('window, body').scrollTop(0);
  $('section#home').hide();
  $('section#end').hide();
  $('section#form').show();
  $('section#merci').hide();
}

function showMerci(){
  //scroll to top
  $('window, body').scrollTop(0);
  $('section#home').hide();
  $('section#end').hide();
  $('section#form').hide();
  $('section#merci').show();
}

function showHome(){
  //scroll to top
  $('window, body').scrollTop(0);
  $('section#home').show();
  $('section#end').show();
  $('section#form').hide();
  $('section#merci').hide();
}

/////////////////////////////
//   WIRE FB Connect BT
/////////////////////////////
$('a.connect').click(function(){
  //console.log('click-show form');
  showForm();
});
$('button.connect').click(function(){ //same deal, but fetch FB data first...
   // console.log('connect FB');
     FB.login(function(response) {
   if (response.authResponse) {
     //console.log('Welcome!  Fetching your information.... ');
     FB.api('/me', function(response) {
       //console.log('Good to see you, ' + response.name + '.');
       updateFields(response);
       
       lockFields(); //lock the field
       showForm();
    
      /* FB.logout(function(response) {
         console.log('Logged out.');
       });*/
     });
   } else {
     console.log('User cancelled login or did not fully authorize.');
   }
 }, {scope: 'email user_about_me user_birthday user_education_history email user_hometown user_location user_relationships user_website'});
});

$('section#form button.submit').click(function(){
  //console.log('click-submit');
  $('form#apply').submit();
})

/////////////////////////////
//   SUBMIT Application
/////////////////////////////
//$("#apply").validation(); // set validatoin rules

//$("form#apply").validate();
$("form#apply ").submit(function(e){
    e.preventDefault();
    //var myForm = $("#apply");
    //$("#apply").validation();
    /*
    if(! $("#apply").validate()) {
            alert("oh noes.. error!");
        }else{
          alert("good!");
        }
    */
    var $inputs = $('#apply :input');
    // not sure if you wanted this, but I thought I'd add it.
    // get an associative array of just the values.
    /*
    var values = {};
    $inputs.each(function() {
        values[this.name] = $(this).val();
    });
    values['fb'] = window.user;
    console.log(values);*/
    
    var values2 = {};
    $.each($('#apply').serializeArray(), function(i, field) {
    values2[field.name] = field.value;
    });
    values2['fb'] = window.user;
    values2['referrer'] = document.referrer
   // console.log(values2);
    $.post("/apply", values2, function(json){
      if(json == true) {
        showMerci();
       // $("form p#email_p").html("Thanks! We'll be in touch");
      }else{
				alert('something went wrong with the server... please try again...')
}
    }, "json");
    
    /*
    $.post("/apply", {
				"email" : $("#email").val(),
				"date"	: new Date()
				}, function(json){
      if(json == true) {
        showMerci();
       // $("form p#email_p").html("Thanks! We'll be in touch");
      }else{
				alert('something went wrong with the server... please try again...')
}
    }, "json");*/
    
    return false;
  });
  
  

  
$('#logo img').click(function(){
  //console.log('click-home');
  showHome();
});
  
$('a.more').click(function(e){
  e.preventDefault();
  $(this).hide();
  $('.moreinfo').slideDown(200);
});




/////////////////////////////
//   Google Analytics
/////////////////////////////
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-1349205-12']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();



}); //eo doc ready