// JavaScript Document
$(document).ready(function()
{
  var $dob = $('input#user_dob');
  if ($dob.length > 0) {
      var dob = $dob.val().split('-', 3);
      var html = '<select name="dob-day" id="dob-day" class="dob-date">';
            html += '<option value="">DD</option>';
			html += '<option value="">--</option>';
			for(var i = 1; i <= 31; i++){
          if(i < 10){
              var j = '0' +i;
          }else{
              var j = i;
          }
          html += '<option value="' + j + '"';
          if (dob[2] == i)
              html += ' selected="selected"';
          html += '>' + j + '</option>';
      }
      html += '</select> ';

      var months = new Array('01','02','03','04','05','06','07','08','09','10','11','12');
      html += '<select name="dob-month" id="dob-month" class="dob-date">';
	  html += '<option value="">MM</option>';
	  html += '<option value="">--</option>';
      for(var i = 1; i <= 12; i++){
          html += '<option value="' + months[i - 1] + '"';
          if (dob[1] == i)
              html += ' selected="selected"';
          html += '>' + months[i - 1] + '</option>';
      }
      html += '</select> ';

      var thisYear = new Date().getFullYear();
      html += '<select name="dob-year" id="dob-year" class="dob-date">';
	  html += '<option value="">YYYY</option>';
	  html += '<option value="">----</option>';
      for(var i = (thisYear - 18); i >= (thisYear - 100); i--){
          html += '<option value="' + i + '"';
          if (dob[0] == i)
              html += ' selected="selected"';
          html += '>' + i + '</option>';
      }
      html += '</select> ';

      $dob.after(html).css('display','none');

      $('select.dob-date').change(function(){
          $dob.val($('select#dob-year').val() + '-' + $('select#dob-month').val() + '-' + $('select#dob-day').val())
      });
  }
});