$(document).ready(function() {
  $('a[rel=formSend]').click(function() {
    $('#fade').remove();
    $('#formSend').remove();
    $('body').append('<div id="fade"></div>');
    $('body').append('<div id="formSend" class="form_send">'+
      '<div class="button_close"><a href="#" class="close"><img src="./_img/button_close.gif" title="Закрыть окно" alt="Закрыть окно" border="0"/></a></div>'+
      '<div id="start_page">'+
        '<img class="title" src="./_img/title_B.gif" alt="" />'+
        '<table cellpadding="0" cellspacing="0">'+
          '<tr><td class="left"><p>Ім’я подруги</p></td><td><input type="text" class="text" name="fname" id="fname" value="" /></td></tr>'+
          '<tr><td class="left"><p>Електронна адреса подруги</p></td><td><input type="text" class="text" name="femail" id="femail"/></td></tr>'+
          '<tr><td class="left"><p>Ваше ім’я</p></td><td><input type="text" class="text" name="mname" id="mname"/></td></tr>'+
          '<tr><td class="left"><p>Ваша електронна адреса</p></td><td><input type="text" class="text" name="memail" id="memail" /></td></tr>'+
          '<tr><td class="left"><p>Повідомлення</p></td><td><textarea name="description" id="description"></textarea></td></tr>'+
          '<tr><td class="left">&nbsp;</td><td><span class="">* усі поля треба обов’язково заповнити</span></td></tr>'+
          '<tr><td class="left">&nbsp;</td><td><input type="image" src="./_img/button_send.gif" id="button_send" class="button_send" /></td></tr>'+
        '</table>'+
        '<div class="conf">Повідомляючи адреси електронної пошти своїх подруг/друзів, Ви тим самим підтверджуєте, що вони згодні, аби їхні електронні адреси '+
        'використовувались для отримання інформації з цього веб-сайту. Ми обіцяємо не зберігати і не використовувати персональні відомості про Ваших подруг/друзів в будь-яких інших цілях, '+
        'окрім надсилання  цього повідомлення з використанням Вашої адреси електронної пошти. Ваша адреса електронної пошти запропонує їм пряме посилання на сторінку <a href="http://www.olay.ua">olay.ua</a>. '+
        'Будь ласка, не вказуйте адреси електронної пошти своїх подруг/друзів, якщо їм ще не виповнилось 18 років!</div>'+
      '</div>'+
      '<div id="end_page">'+
        '<div class="message_sent">Ваше сообщение отправлено!</div>'+
      '</div>'+
    '</div>');
    $('#start_page').show();
    $('#formSend').fadeIn();
    $('#end_page').hide();

    $('#formSend').css({
      'margin-top' : -(($('#formSend').height() + 80) / 2),
      'margin-left' : -(($('#formSend').width() + 80) / 2)
    });
    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
    $('body').scrollTop(0);
    return false;
  });
  
  $('a.close, #fade').live('click', function() {
    $('#fade, .form_send').fadeOut();
    $('#fade').remove();
    $('#formSend').remove();
    return false;
  });
  
  $('#button_send').live('click', function() {
    var fname = $('#fname').val();
    if (fname.length == 0) {
      jAlert('Имя подруги не может быть пустым', 'Ошибка ввода данных!');
      return false;
    }

    var femail = $('#femail').val();
    if (femail.length == 0) {
      jAlert('E-mail подруги не может быть пустым', 'Ошибка ввода данных!');
      return false;
    }

    var re = /^\w+([\.-]?\w+)*@(((([a-z0-9]{2,})|([a-z0-9][-][a-z0-9]+))[\.][a-z0-9])|([a-z0-9]+[-]?))+[a-z0-9]+\.([a-z]{2,}|(com|net|org|edu|int|mil|gov|arpa|biz|aero|name|coop|info|pro|museum))$/i;
    if(!re.test(femail)) {
      jAlert('E-mail подруги введен неверно', 'Ошибка ввода данных!');
      return false;
    }

    var mname = $('#mname').val();
    if (mname.length == 0) {
      jAlert('Ваше имя не может быть пустым', 'Ошибка ввода данных!');
      return false;
    }

    var memail = $('#memail').val();
    if (memail.length == 0) {
      jAlert('Ваш e-mail не может быть пустым', 'Ошибка ввода данных!');
      return false;
    }

    if(!re.test(memail)) {
      jAlert('ваш e-mail подруги введен неверно', 'Ошибка ввода данных!');
      return false;
    }

    var descr = $('#description').val();
    if (descr.length == 0) {
      jAlert('Сообщение не может быть пустым', 'Ошибка ввода данных!');
      return false;
    }

    $.post(base + "ua/friendsend/", { fname: $('#fname').val(), femail: $('#femail').val(), mname: $('#mname').val(), memail: $('#memail').val(), description: $('#description').val(), url: window.location.href}, 
      function(data){
        console.log(data);
      }, "json");

    $('#start_page').hide();
    $('#end_page').show();
    return false;
  });
});