// subsequent

window.addEvent('domready', function(){
    

    var inn1 = '<div class="row" id="row_NOO"><div class="b_count">';
    var inn2 = '<div class="row off" id="row_NOO"><div class="b_count">';
    var inn = '.</div><div class="b_title"><input type="text" value="" name="title[NOO]" class="b_title" /></div>';
    inn += '<div class="b_author"><input type="text" value="" name="author[NOO]" class="b_author" /></div><div class="b_isbn">'
    inn += '<input type="text" value="" name="isbn[NOO]" class="b_isbn" /></div>';
    inn += '<div class="b_qty"><input type="text" value="" name="qty[NOO]" class="b_qty" /></div></div>';
    var inn_count = 1
//    if(inn_count == undefined) 
        
    $$('.add_field').each(function(el) {
        el.addEvent('click', function(e) {
            e.stop();
            m = $('more_fields' + inn_count);
            h = m.get('html');
            inn_count++;
            mf = '<div id="more_fields' + inn_count + '"></div>';
            if(inn_count%2 == 0)
                h += inn2;
            else
                h += inn1;
            
            new_inn = inn.replace(/NOO/g, inn_count);
            
            m.set('html', h + inn_count + new_inn + mf);    
            
            $('book_count').set('value', inn_count);
            
            remove_buttons();
            
        });
    });
    
    function remove_buttons() {
        $$('.remove_button').each(function(el) {
            el.addEvent('click', function(e) {
                e.stop();
                if(confirm('Are you sure you want to remove this item?')) {
                    rem = el.get('name');
                    //$('row_' + rem).dispose();
                    $('row_' + rem).addClass('is_hidden');
                    $('row_' + rem).getElements('.b_title').set('value', 'remove');
                    
                }
            
            });
        });
                
    }
    
    remove_buttons();



});