/**
 * @author philippe
 */

var formValidCompany;
var formValidUser1;
var formValidUser2;
var isUser2Selected;
var vname1;
var vname2;
var name1;
var telephone1;
var street;
var plz;
var city;
var name2;
var telephone2;
var email2;
var gruppe1;
var gruppe2;
var zusatz1;
var zusatz2;
var company;
var comment;
var email1;
var sendingMessage;
var data;
var subject;
var to;

$(document).ready(documentReady);

function addValidation() {
        addValidationForUser1();
        addValidationForCompany();
        addValidationForUser2();
}

function addValidationForCompany()
{

    var form = $("#formularName");
    formValidCompany = form.validate(
        {
          errorLabelContainer: "#errorsCompany",
            wrapper: "p",
            rules: {
                company: "required",
                street: "required",
                plz: "required",
                city: "required"
            }
        }
    ).form();
}

function addValidationForUser1()
{

    formValidUser1 = $("#user1").validate(
        {
            errorLabelContainer: "#errorsUser1",
            wrapper: "p",
            rules: {
              vname1: "required",
                name1: "required",
                telephone1: "required",
                gruppe1: "required",
                email1: {
                    required: true,
                    email: true
                }
            },
            messages: {
                vname1: "Bitte geben Sie Ihren Vornamen an.                ",
                name1: "Bitte geben Sie Ihren Namen an.                          ",
                telephone1: "Bitte geben Sie Ihre Telefonnummer an.            ",
                email1: "Ihre E-Mail Adresse muss sich im Format name@domain.com befinden.",
                gruppe1: "Bitte wählen Sie Ihre Gruppe aus.              &nbsp"
            }
        }
    ).form();
}

function addValidationForUser2()
{
    formValidUser2 = $("#user2").validate(
        {
            errorLabelContainer: "#errorsUser2",
            wrapper: "p",
            messages: {
                vname2: "Bitte geben Sie einen Vornamen an.                ",
                name2: "Bitte geben Sie einen Namen an.                          ",
                telephone2: "Bitte geben Sie eine Telefonnummer an.            ",
                email2: "Die E-Mail Adresse muss sich im Format name@domain.com befinden.",
                gruppe2: "Bitte wählen Sie eine Gruppe aus.              &nbsp"
            }
        }
    ).form();
}


function hideFormular(event) {
    event.preventDefault();
    addValidation();
    if (formValidCompany == true && formValidUser1 == true &&  ((isUser2Selected == true && formValidUser2 == true) || !isUser2Selected))
    {
        collectData();
        //giveMeAlerts();
        sendingDataToPHP();
        $("#formular").slideUp();
        $("#contactHeader").slideUp();
        $('#submitDiv').slideDown();
    }
}

function documentReady() {
    $('.teilnehmer2').hide();
    $('#hideUser').hide();
    $('#submitDiv').hide();
    isUser2Selected = false;
    $('#newUser').click(showNewUser);
    $('#hideUser').click(hideNewUser);
    $('#submit').click(hideFormular);
}



function addValidationForVisitor(visitorNumber)
{
     var title = 'title';
   // $('#vname'+visitorNumber).attr(title, "Bitte geben Sie einen Vornamen an                ")
    //$('#name'+visitorNumber).attr(title,'Bitte geben Sie Ihren Namen an                          ');
    //$('#telephone'+visitorNumber).attr(title,'Bitte geben Sie Ihre Telefonnummer an            ');
    //$('#email'+visitorNumber).attr(title, 'Ihre E-Mail Adresse muss sich im Format name@domain.com befinden');
    //$('#gruppe'+visitorNumber).attr(title, "Bitte geben Sie Ihre Gruppe an, an der Sie teilnehmen werden");
    $('#vname'+visitorNumber).addClass("required");
    $('#name'+visitorNumber).addClass("required");
    $('#telephone'+visitorNumber).addClass("required");
    $('#email'+visitorNumber).addClass("required");
    $('#email'+visitorNumber).addClass("email");
    $('#gruppe'+visitorNumber).addClass("required");
}

function removeValidationForUser()
{
    $('#vname2').removeClass("required");
    $('#name2').removeClass("required");
    $('#telephone2').removeClass("required");
    $('#email2').removeClass("required");
    $('#email2').removeClass("email");
    $('#gruppe2').removeClass("required");
}

function showNewUser(event)
{
    event.preventDefault();
    isUser2Selected = true;
    $('#newUser').hide();
    addValidationForVisitor(2);
    $('.teilnehmer2').slideDown();
    $('#hideUser').show();
}

function hideNewUser(event)
{
    event.preventDefault();
    isUser2Selected = false;
    $('.teilnehmer2').slideUp('fast');
    $('#hideUser').hide();
    $('#newUser').show();
    removeValidationForUser();
    addValidation();
}

function collectData()
{
    vname1 = $('#vname1').val();
    name1 = $("#name1").val();
    telephone1 = $("#telephone1").val();
    company = $("#company").val();
    comment = $("#comment").val();
    street = $('#street').val();
    plz = $('#plz').val();
    city = $('#city').val();
    email1 = $("#email1").val();

    var dropDownList = document.getElementById("gruppe1");
    gruppe1 = dropDownList.options[dropDownList.selectedIndex].text;
    var tempvar = "";
    if(document.user1.zusatz11.checked) tempvar += "Mittagessen, ";
    if(document.user1.zusatz12.checked) tempvar += "dm, ";
    if(document.user1.zusatz13.checked) tempvar += "hotel";
    zusatz1 = tempvar;

    vname2 = $('#vname2').val();
    name2 = $('#name2').val();
    telephone2 = $('#telephone2').val();
    email2 = $("#email2").val();

    var dropDownList2 = document.getElementById("gruppe2");
    gruppe2 = dropDownList2.options[dropDownList2.selectedIndex].text;
    var tempvar2 = "";
    if(document.user2.zusatz21.checked) tempvar2 += "Mittagessen, ";
    if(document.user2.zusatz22.checked) tempvar2 += "dm, ";
    if(document.user2.zusatz23.checked) tempvar2 += "hotel";
    zusatz2 = tempvar2;


    to = "info@logistik-innovationstag.de";
    subject = "Innovationstag Logistik";
    sendingMessage = "Firma: " + company + "\r\n" +
                     "Strasse, Hausnummer: " + street + "\r\n" +
                    "Postleitzahl: " + plz + "\r\n" +
                    "Stadt: " + city + "\r\n" +
                    "Anmerkungen: " + comment + "\r\n" + "\r\n" +
                    "Vorname: " + vname1 + "\r\n" +
                    "Name: " + name1 + "\r\n" +
                    "Telefon: " + telephone1 + "\r\n" +
                    "E-Mail: " + email1 + "\r\n" +
                    "Gruppe: " + gruppe1 + "\r\n" +
                    "Zusaetze: " + zusatz1 + "\r\n" + "\r\n" +
                    "Vorname: " + vname2 + "\r\n" +
                    "Name: " + name2 + "\r\n" +
                    "Telefon: " + telephone2 + "\r\n" +
                    "E-Mail: " + email2 + "\r\n" +
                    "Gruppe: " + gruppe2 + "\r\n" +
                    "Zusaetze: " + zusatz2 + "\r\n";
    sendingMessage = sendingMessage.replace("&", "und");
    sendingMessage = sendingMessage.replace("?", "fragezeichen");
    sendingMessage = sendingMessage.replace("=", "ist");
    sendingMessage = sendingMessage.replace("%", "prozent");
    sendingMessage = sendingMessage.replace("ä", "ae");
    sendingMessage = sendingMessage.replace("Ä", "Ae");
    sendingMessage = sendingMessage.replace("ö", "oe");
    sendingMessage = sendingMessage.replace("Ö", "Oe");
    sendingMessage = sendingMessage.replace("ü", "ue");
    sendingMessage = sendingMessage.replace("Ü", "Ue");
    sendingMessage = sendingMessage.replace("ß", "ss");
    data = "from=" + "Kontaktformular" + "&to=" + to + "&subject=" + subject + "&content=" + sendingMessage;
}

function sendingDataToPHP()
{
    $.ajax({
                   type: "POST",
                   url: "http://www.locom.com/js/sendmail.php",
                   data: data,
                   cache: false
               });

}

function giveMeAlerts()
{
    alert(sendingMessage);
}