$(document).ready(function(){
    $('#slider-bubble').hide();
     $('#slider-bar').slider({
             handle: '#slider-handle',
             min: 50,
             max: 1000,
			 step: 50,
			 value: 600,
             start: function(e,ui){
                     $('#slider-bubble').fadeIn('fast');
             },
             stop: function(e,ui){
                     $('#slider-bubble').fadeOut('fast');
             },
             slide: function(e,ui){
                     $('#box').text(ui.value  + "+ mins");
					 $('input[name=mins]').val(ui.value);
					 mypos = $('#slider-handle').position().left + 2;  //grab position of slider dot + 2
				     //var mypos = $('#slider-bar').slider("value");
					 mypos = mypos/10*4;
					 $('#slider-bubble').css('left', mypos).text(ui.value);
					 $("#slider-handle").css('left', mypos);
					
             }
     });
});

$(document).ready(function(){
    $('#slider2-bubble').hide();
     $('#slider2-bar').slider({
             handle: '#slider2-handle',
             min: 50,
             max: 1200,
			 step: 50,
			 value: 600,
             start: function(e,ui){
                     $('#slider2-bubble').fadeIn('fast');
             },
             stop: function(e,ui){
                     $('#slider2-bubble').fadeOut('fast');
             },
             slide: function(e,ui){
                     $('#box2').text(ui.value + "+ texts");
					 $('input[name=texts]').val(ui.value);
					 mypos = $('#slider2-handle').position().left + 2;  //grab position of slider dot + 2
				     //var mypos = $('#slider-bar').slider("value");
					 mypos = mypos/10*4;
					 $('#slider2-bubble').css('left', mypos).text(ui.value);
					 $("#slider2-handle").css('left', mypos);
					
             }
     });
});

$(document).ready(function(){
    $('#slider3-bubble').hide();
     $('#slider3-bar').slider({
             handle: '#slider3-handle',
             min: 25,
             max: 80,
			 step: 5,
			 value: 40,
             start: function(e,ui){
                     $('#slider3-bubble').fadeIn('fast');
             },
             stop: function(e,ui){
                     $('#slider3-bubble').fadeOut('fast');
             },
             slide: function(e,ui){
                     $('#box3').text("Below £ " + ui.value  + " monthly");
					 $('input[name=cost]').val(ui.value);
					 mypos = $('#slider3-handle').position().left + 2;  //grab position of slider dot + 2
				     //var mypos = $('#slider-bar').slider("value");
					 mypos = mypos/10*4;
					 $('#slider3-bubble').css('left', mypos).text(ui.value);
					 $("#slider3-handle").css('left', mypos);
					
             }
     });
});

