Ext.namespace("Ntp.form");
Ntp.form.Slider = function( config) {
    	
    	Ext.apply(this, config); 
	if(config.id) {
	    	
//	    	if(Ext.get(config.id)) {        		
//        		this.init(config.id, config || {});
//	    	}
	} else {
		return false;
	}
	return this;
}
Ext.extend(Ntp.form.Slider,Ext.ux.SlideZone, {
    isFormField: true,
    _cnt:null,
    hiddenFields:{},
    onRender: function(ct, position)
    {

    	Ntp.form.Slider.superclass.onRender.apply(this, arguments);
    	if(!this.el) {
		
		this.init(ct.id,{});
		console.log(this);
		for(var i=0;i<this.sliders.length;i++) {
		 this.hiddenFields[this.sliders.items[i].name] = this.el.createChild({
		            tag: 'input',
		            type: 'hidden',
		            name: this.name+"["+this.sliders.items[i].name+"]" ,
		            value: this.sliders.items[i].value 
		        });
		var hF=this.hiddenFields[this.sliders.items[i].name];
		this.getSlider(this.sliders.items[i].name).on('drag',function(){
		    hF.dom.value=parseInt(this.value[0]) + "," + parseInt(this.value[1]);
			})
		}
		
	}
    	
       
                

    },
    markInvalid: Ext.emptyFn,
    clearInvalid: Ext.emptyFn,
    validate: function(){this.maxField.dom.disabled=false; return true;}
});

Ext.reg('sliderfield', Ntp.form.Slider);