Ext.onReady(function(){
	var tip = new Ext.ux.SliderTip({
		getText: function(slider){
			return String.format('<b>{0}%</b>', slider.getValue());
		}
	});
	new Ext.Slider({
        renderTo: 'rateSite',
        width: 204,
        increment: 25,
        minValue: 0,
        maxValue: 100,
		value: 50,
        plugins: tip,
		listeners: {
			dragend: function(slider) {
				var note = slider.getValue();
				if (confirm(giveNoteTxt+' ('+note+'%)')) {
					var result = file('http://contaminationcontrol.dpp-europe.com/scripts/php/rateMe.php?rate='+note);
					if (result) {
						document.getElementById('rateSite').innerHTML = '';
						document.getElementById('rateTxt').innerHTML = '<p style="text-align: center; font-weight: bold; color: #5a6c95;">'+thanksRateTxt+'</p>';
					} else {
						document.getElementById('rateSite').innerHTML = '';
						document.getElementById('rateTxt').innerHTML = '<p style="text-align: center; color: #cf2d3a;">'+alreadyRateTxt+'</p>';
					}
				}
			}
		}
    });
	
	function file(fichier) {
		if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
		else if(window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
		else return(false);
		xhr_object.open("GET", fichier, false);
		xhr_object.send(null);
		if(xhr_object.readyState == 4) return(xhr_object.responseText);
		else return(false);
	}
});

Ext.ux.SliderTip = Ext.extend(Ext.Tip, {
    minWidth: 10,
    offsets : [0, -10],
    init : function(slider){
        slider.on('dragstart', this.onSlide, this);
        slider.on('drag', this.onSlide, this);
        slider.on('dragend', this.hide, this);
        slider.on('destroy', this.destroy, this);
    },

    onSlide : function(slider){
        this.show();
        this.body.update(this.getText(slider));
        this.doAutoWidth();
        this.el.alignTo(slider.thumb, 'b-t?', this.offsets);
    },

    getText : function(slider){
        return slider.getValue();
    }
});