document.observe('dom:loaded', function() {
  var callbacks = {
    onSlide: function(value, slider) {
		getWM().settings.volume = Number(value.toFixed(0));
		if(Number(value.toFixed(0)) <=1)
		{
			wmMute();
		}
		else
		{
			if(getWM().settings.volume > 0)
			{
				document.getElementById('volicon').src = "images/vol.png";
			}
		}
		var x = 50;
		
		if(Number(value.toFixed(0)) >=60)
		{
			x = 35;
		}
		else if(Number(value.toFixed(0)) <=40)
		{
			x = 55;
		}
		document.getElementById('vol2').style.backgroundPosition = "-" +  (73 + (x-Number(value.toFixed(0))))+ "px 2px";
		
		
    },
    onChange: function(value, slider) {
		
		getWM().settings.volume = Number(value.toFixed(0));
		if(Number(value.toFixed(0)) <=1)
		{
			wmMute();
		}
		else
		{
			if(getWM().settings.volume > 0)
			{
				document.getElementById('volicon').src = "images/vol.png";
			}
		}
		var x = 50;
		
		if(Number(value.toFixed(0)) >=60)
		{
			x = 35;
		}
		else if(Number(value.toFixed(0)) <=40)
		{
			x = 55;
		}
		document.getElementById('vol2').style.backgroundPosition = "-" +  (73 + (x-Number(value.toFixed(0))))+ "px 2px";
		
    }
  };
  
  new Control.Slider('handle1', 'track1', {
    range: $R(0, 100),
	axis: 'horizontal', sliderValue: 50,
    onSlide: callbacks.onSlide, onChange: callbacks.onChange
  });
 
});