Event.observe(window, 'load', function(){
	appendNewOrderType();
})

function appendNewOrderType()
{
	$$('.select-order-type-for').each(function(key){
        orderSPB = new switchPostBlock(key, '<div class="select-order-type-for-new-input input-box">'+
                                        '<label></label>'+
                                        '<span class="grey-border"><input type="text" class="required" name="'+ key.onclick() + '"></span>'+
                                  '</div>');
        order_select =  key.getElementsBySelector('select')[0];
        var sI = order_select.selectedIndex;
        order_select.insert({'bottom':'<option value="new_item">New type</option>'});
        key.getElementsBySelector('.combo')[0].remove();
        key.getElementsBySelector('div.styled')[0].remove();
        order_select.observe('dd:change', function(){
            if (order_select.options[order_select.selectedIndex].value=='new_item'){
                orderSPB.show();
            }else{
                orderSPB.hide();
            }
        });
        order_select.selectedIndex=sI;
        new Autocompleter.SelectBox(order_select);
        order_select.selectedIndex=sI;
    });
}

var switchPostBlock = Class.create	();
switchPostBlock.prototype =
{
    initialize: function(sourceObj, blockHtml, before){
        if ($(sourceObj)){
            this.sourceDom = $(sourceObj);
            //this.blockDom = blockHtml.toElement();
            if (before){
                this.sourceDom.insert({'before' : blockHtml});
                this.insertedObject = this.sourceDom.previousSibling;
            } else {
                this.sourceDom.insert({'after' : blockHtml});
                this.insertedObject = this.sourceDom.nextSibling;
            }
            this.insertedObject.style.display = 'none';
        }
    },
    show: function(){
        this.insertedObject.style.display = 'block';
        this.insertedObject.getElementsBySelector('*').each(function(bulanova){
                bulanova.disabled=false;
        });

    },
    hide: function(){
        this.insertedObject.style.display = 'none';
        this.insertedObject.getElementsBySelector('*').each(function(kirkorov){
                kirkorov.disabled=true;
        });
    }
};