$(document).ready(function() {

	//get current font-size
	var current_font_size=$("#texte").css("font-size");
	//add to attribute "title"
	$( "#slider" ).attr("title",current_font_size);
	current_font_size=parseInt(current_font_size);
	
	//create slider
	$("#slider").slider({
		value: 10, //size at the start
		orientation: 'horizontal',
		min: 10, //minimum size
		max: 20, //maximum size
		slide: function(e, ui) { //on slide
			//var value = $( "#slider" ).slider( "option", "value" ); //getting the new value
			var value = ui.value;
			$("#texte").css("font-size",value); //modify css
			$("#slider").attr("title",value.toString()+"px"); //adding title to the handle
			$(".size").html(value.toString()+"px"); //show the new size
		}
	});  
});