function makeSlider(range,scrollbar,handle,valField,updateField,doOnSuccess,customchange){
  
    var slider = new Slider(scrollbar, handle, {
        range: range,
        wheel: true,
        mode: 'horizontal',
        onChange: function(step){ 
             updateField.set('value',step);
             valField.set('text',step);

             if(customchange != null){
                customchange();
             }
        },
        onComplete: function(){
            doOnSuccess();            
        }
    });
    
    if(updateField.get('value') != '' && updateField.get('value') != 0){
		slider.set(updateField.get('value'));
	}  
}

function setCheckbox(nameofbox,onsuccess){
    
    var eles = $$(nameofbox);    
        
    eles.each(function(ele){   
        
        var form = $(ele.id);
        var lab = $(ele.id+'_lab');
                  
        form.addEvent('click', function(){

            if(form.get('selected')){     
                lab.removeClass('checkOn');
                lab.addClass('checkOff');        
                form.set('selected',false); 
            }
            else{
                lab.removeClass('checkOff');      
                lab.addClass('checkOn');                
                form.set('selected',true);    
            }
            onsuccess();
            
        });
    
    });
}

function setCheckboxB(nameofbox,onsuccess){
    
    var eles = $$(nameofbox);    
        
    eles.each(function(ele){
    
        var lab = $(ele.id+'_lab');
    
        lab.addEvent('click', function(){            
            
            var form = $(ele.id);

            if(form.get('checked')){     
                lab.removeClass('checkOn');
                lab.addClass('checkOff');        
                form.set('checked',false); 
            }
            else{
                lab.removeClass('checkOff');      
                lab.addClass('checkOn');                
                form.set('checked',true);    
            }
            onsuccess();
            
        });
    

    });
}


function setRadiobox(nameofbox, onsuccess){
    
    var eles = $$(nameofbox);
    
    eles.each(function(ele){   
        var form = $(ele.id);
        var lab = $(ele.id+'_lab');
                  
        lab.addEvent('click', function(){
            
            resetRadios(eles); 
             
            form.set('checked',true);                  
            lab.removeClass('radioOff');
            lab.addClass('radioOn');
            
            onsuccess();
            
        });
        
        if(form.get('checked')){            
            form.set('checked',true);                  
            lab.removeClass('radioOff');
            lab.addClass('radioOn');
        }
    });
        
}

function resetRadios(eles){
    eles.each(function(ele){           
        var form = $(ele.id);
        var lab = $(ele.id+'_lab');
        
        form.set('checked',false);
        lab.removeClass('radioOn');
        lab.addClass('radioOff');
    });
}

var prods;

function saveProdOdrer(){
    prods = $$('.productWraper'); 
}

function blurProduct(selectprods){
    
    var allProd = prods.reverse();
    
    //if(selectprods.length > 0){
        allProd.each(function(prod){           

            var me = prod.getParent();  
            
            if(selectprods.contains(prod.id)){                
            	var myOp = prod.getStyle('opacity');
                                             
                var myFx = new Fx.Elements(prod, {   
                }).start({                    
                    '0': {
                        'opacity': [myOp,1]
                    }
                });  
                
            }
            else{                
                
            	var myOp = prod.getStyle('opacity');                
                

                me.grab(prod,'bottom');
                                
                var myFx = new Fx.Elements(prod, {   
                }).start({
                    '0': {
                        'opacity': [myOp,'0.2']
                    }
                });  
            }
            
        });
}