$('#banner-a').cycle({
        fx: 'fade',
        next: '#next',
        prev: '#prev',
        delay: 8000,
        speed: 2000,
        sync: 0,
        before: function() {
            if($(this).attr('id') == 1)
            {
               $('#s1').attr('class','active');
               $('#s2').attr('class','');
               $('#s3').attr('class','');
               $('#s4').attr('class','');
               $('#s5').attr('class','');
            }
            if($(this).attr('id') == 2)
            {
               $('#s1').attr('class','');
               $('#s2').attr('class','active');
               $('#s3').attr('class','');
               $('#s4').attr('class','');
               $('#s5').attr('class','');
            }
            if($(this).attr('id') == 3)
            {
               $('#s1').attr('class','');
               $('#s2').attr('class','');
               $('#s3').attr('class','active');
               $('#s4').attr('class','');
               $('#s5').attr('class','');
            }
            if($(this).attr('id') == 4)
            {
               $('#s1').attr('class','');
               $('#s2').attr('class','');
               $('#s3').attr('class','');
               $('#s4').attr('class','active');
               $('#s5').attr('class','');
            }
            if($(this).attr('id') == 5)
            {
               $('#s1').attr('class','');
               $('#s2').attr('class','');
               $('#s3').attr('class','');
               $('#s4').attr('class','');
               $('#s5').attr('class','active');
            }
        }
});

$('#s1').click(function() {
    $('#banner-a').cycle(0);
    return false;
});

$('#s2').click(function() {
    $('#banner-a').cycle(1);
    return false;
});

$('#s3').click(function() {
    $('#banner-a').cycle(2);
    return false;
});

$('#s4').click(function() {
    $('#banner-a').cycle(3);
    return false;
});

$('#s5').click(function() {
    $('#banner-a').cycle(4);
    return false;
});