/*
$(document).ready(
		function()
		{
		
    		$(".priceRangeSlider").slider({
    			range: true,
    			min: 0,
    			max: 250,
    			step: 1,
    			values: [parseInt(document.getElementById('price_from_original').value), parseInt(document.getElementById('price_to_original').value)],
    			slide: function(event, ui) {		   
					//price = parseInt(250 * cordx / 100);
				    document.getElementById('minPriceChosen').innerHTML = ui.values[0] + 16;
				    document.getElementById('price_from').value = ui.values[0] + 16;
				    
                    document.getElementById('maxPriceChosen').innerHTML = ui.values[1] + 16;
                    document.getElementById('price_to').value = ui.values[1] + 16;
    			}
    		});

			
            //, parseInt(document.getElementById('price_to_original').value / 250 * 100)] 
		}
);
*/

ranges = [
    {name: 'price', min: 0, max: 250},
    {name: 'adv_price', min: 0, max: 250},
    {name: 'alcohol', min: 0, max: 20, step: .5},
    {name: 'adv_alcohol', min: 0, max: 20, step: .5},
];
    		
$(document).ready(function(){

    for (i in ranges) {
        var field = ranges[i];
        
        if ($("#"+field.name+"_from").get(0)) {
            changeInputType($("#"+field.name+"_from").get(0), 'hidden');
            changeInputType($("#"+field.name+"_to").get(0), 'hidden');
            /*
            Won't work in IE:
            $("#"+field.name+"_from").get(0).type = 'hidden';
            $("#"+field.name+"_to").get(0).type = 'hidden';
            */
            
            $("#"+field.name+"RangeSlider").slider(
                {
                    range: true, 
                    min: field.min, 
                    max: field.max,
                    step: field.step ? field.step : 1,
                    slide: function(e, ui) {
                        for (j in ranges) {
                            if (jQuery.className.has($(ui.handle).parent().get(0).className, ranges[j].name)) {
                                adjustLabels(ranges[j].name);
                                return;
                            }
                        }
                    }
                }
            );     
                                                                                                                                            
            $("#"+field.name+"RangeSlider").slider( 'values' , 1 , parseFloat(document.getElementById(field.name+'_to_original').value) );
            $("#"+field.name+"RangeSlider").slider( 'values' , 0 , parseFloat(document.getElementById(field.name+'_from_original').value) );
            
            adjustLabels(field.name);
        }  
    }
});

function adjustLabels(field)
{
    document.getElementById('min'+field+'Chosen').innerHTML = $("#"+field+"RangeSlider").slider("values", 0);
    document.getElementById(field+'_from').value = $("#"+field+"RangeSlider").slider("values", 0);
    
    document.getElementById('max'+field+'Chosen').innerHTML = $("#"+field+"RangeSlider").slider("values", 1);
    document.getElementById(field+'_to').value = $("#"+field+"RangeSlider").slider("values", 1);
}

function changeInputType(oldObject, oType) {
  var newObject = document.createElement('input');
  newObject.type = oType;
  if(oldObject.size) newObject.size = oldObject.size;
  if(oldObject.value) newObject.value = oldObject.value;
  if(oldObject.name) newObject.name = oldObject.name;
  if(oldObject.id) newObject.id = oldObject.id;
  if(oldObject.className) newObject.className = oldObject.className;
  oldObject.parentNode.replaceChild(newObject,oldObject);
  return newObject;
}