/**
 * Created by vitaliy on 21.04.15.
 */
window.onload = function(){
    var area = document.getElementById('area');
    var newBlock = new HtmlConstructor(area);
    var button =  document.getElementById('addField');
    var deleteRow = document.getElementsByClassName('delete_field');
    var updateRow = document.getElementsByClassName('update_field');

    for(var i = 0; i<deleteRow.length; i++){
        deleteRow[i].onclick= function(){
            newBlock.deleteRow(this);
        };
    }

    for(var i = 0; i<updateRow.length; i++){
        updateRow[i].onclick= function(){
            newBlock.updateRow(this);
        };
    }



    button.onclick = function(){
        newBlock.createNewElement();
        button.style.display = 'none';
    };

    area.onsubmit = function(e){
        e.preventDefault();
        var dataArray = [];
        var count = document.forms.area.elements.length;
        for(var i=0; i<count; i++){

            var name = document.forms.area.elements[i].name;

            if(document.forms.area.elements[i].type == 'checkbox'){
                dataArray[name] = document.forms.area.elements[i].checked ? 1 : 0;

            } else {
                dataArray[name] = document.forms.area.elements[i].value;
            }

        }
        newBlock.createNewElement(dataArray);
    };








};