jQuery(document).ready(function($)
{
    //Panel przyciskow do slideshow
    var bc = $('#slide_panel');
    $('#slide_content').children().each(function(i) {
        $('<div id="slide_panel'+ (i+1) +'">'+ (i+1) +'</div>')
            .prependTo(bc)
            .click(function() {
                $('#slide_content').cycle(i);
                return false;
            });
    });
    $('<img id="prev" src="/pliki/slideshow/arrow_left.png" alt="Poprz"/>').appendTo(bc);
    $('<img id="next" src="/pliki/slideshow/arrow_right.png" alt="Nast"/>').prependTo(bc);

    //Konfiguracja slideshow
    $('#slide_content').cycle({
        fx: 'fade',
        speed: 700,
        timeout: 5000,
        prev: '#prev',
        next: '#next',
        after: onAfter
    });
})

//Po kazdej zmianie zdjecia
function onAfter(curr,next,opts) {
      var number = opts.currSlide + 1;
      $('#slide_panel div').css('background-color', '#767676');
      $('#slide_panel' + number).css('background-color', '#fda912');
}