$(document).ready(function() {

//     $("ul.sf-menu").superfish();

    $(".addForm").click(function() {
        addForm();
    });
    //alert($(".ddl option:selected").attr("price"));
    var currentParticipants = $(".hiddenNr").val();
    currentParticipants = +1;
    $("#txtInvestering").val(($(".ddl option:selected").attr("price") / 100) * currentParticipants);
});

var TotalClonedForms = 1;
var Deelnemer = TotalClonedForms + 1
function addForm() {
    if (TotalClonedForms < 8)
        var newID = "clonenumber" + TotalClonedForms;
    var sHTML = "<div id='clonenumber" + TotalClonedForms + "'>" + $('#clonenumber').clone(true).html() + "</div>";

    $(".newFormImport").append("<div class='deelnemer'><h2>Gegevens deelnemer " + Deelnemer + "</h2></div>").append(sHTML);

    $(".newFormImport #clonenumber").attr("id", newID); // CHANGE CLONEFORM ID
    
    if (TotalClonedForms == 7) 
        $('.addForm').hide();

    $.scrollTo('.Scrolltome', { speed: 1000 }); // SCROLL TO FORM

    thisClone = "clonenumber" + TotalClonedForms; // CREATE NEW CLONEFORM


    $(".hiddenNr").val(TotalClonedForms);

    var currentPrice = $(".ddl option:selected").attr("price") / 100;

    var newPrice = currentPrice * (TotalClonedForms + 1);
    
    replaceFormID("#"+thisClone, TotalClonedForms); // REPLACE INPUT FIELDS ID
    $("#txtInvestering").val(newPrice);
    TotalClonedForms++; // ADD 1 TO FORM
    Deelnemer++;
}


function replaceFormID(formnumber, currentnumber) {
    
    $(formnumber).find("input").each(function() {
        var thisID = $(this).attr("id");
       
        thisID = thisID + currentnumber;
        $(this).attr("id", thisID); // RENAME FIELD ID
        $(this).attr("id", thisID).val(""); // CLEAR FIELDS
    });
}