volume slider JQuery

var audio;


$('#pause').hide();
    

initAudio($('#playlist li:first-child'));
    
function initAudio(element){
    var song = element.attr('song');
    var title = element.text();
    var cover = element.attr('cover');
    var artist = element.attr('artist');
   

    audio = new Audio(song);
    
    if(!audio.currentTime){
        $('#duration').html('0.00');
    }

    $('#audio-player .title').text(title);
    $('#audio-player .artist').text(artist);
    

    $('img.cover').attr('src','images/covers/' + cover);
    
    $('#playlist li').removeClass('active');
    element.addClass('active');     
}


 
$('#play').click(function(){
    audio.play();
    $('#play').hide();
  $('#slide').css("background-image", "url(../images/equalizer.gif)");  
    $('#pause').show();
    $('#duration').fadeIn(400);
    showDuration();
});


$('#pause').click(function(){
    audio.pause();
    $('#pause').hide();
  $('#slide').css("background-image", ""); 
    $('#play').show();
});
    

$('#stop').click(function(){
    audio.pause();        
    audio.currentTime = 0;
    $('#pause').hide();
    $('#play').show();
    $('#duration').fadeOut(400);
});


$('#next').click(function(){
    audio.pause();
    var next = $('#playlist li.active').next();
    if (next.length == 0) {
        next = $('#playlist li:first-child');
    }
    initAudio(next);
    audio.play();
    showDuration();
});


$('#prev').click(function(){
    audio.pause();
    var prev = $('#playlist li.active').prev();
    if (prev.length == 0) {
        prev = $('#playlist li:last-child');
    }
    initAudio(prev);
    audio.play();
    showDuration();
});


$('#playlist li').click(function () {
    audio.pause();
    initAudio($(this));
    $('#play').hide();
    $('#pause').show();
    $('#duration').fadeIn(400);
    audio.play(); 
    showDuration();  
});

function showDuration(){
    $(audio).bind('timeupdate', function(){

        var s = parseInt(audio.currentTime % 60);
        var m = parseInt((audio.currentTime / 60) % 60);

        if (s < 10) {
            s = '0' + s;
        }
        $('#duration').html(m + '.' + s);    
        var value = 0;
        if (audio.currentTime > 0) {
            value = Math.floor((100 / audio.duration) * audio.currentTime);
        }
        $('#progress').css('width',value+'%');    
    });
}  

              $('#audioSlider').slider({
    orientation: "vertical",
    value: audio.volume,
    min: 0,
    max: 1,
    range: 'min',
    animate: true,
    step: .1,
    slide: function(e, ui) { 
        audio.volume = ui.value; 
              
  }  });