$(document).ready(function() {
  
  var next = null;
  var prev = null;
  var timeout = false;
  var autoSlide = null;
  var fadeTime = 1000;
  var imgFadeTime = 1000;
  var clickFadeTime = 500;
  var clickImgFadeTime = 500;
  var showTime = 9000;    // effective time = showTime - 2 * fadeTime
  var startDelay = 3000;
  var n = 0;
   
  // po kliknieciu na pozycje w top_menu
  $("#top_menu li a").click(function() { 
    
    // wylaczamy sekwencyjne odtwarzanie
    next = true;
    clearInterval(autoSlide);

    // aktywny element menu
    var active_menu = $('#top_menu li a.active');
    
    var oldClass = active_menu.parent().attr("class");
    var newClass = $(this).parent().attr("class");
    
    // wlaczanie/wylaczanie aktywnosci w menu
    if(oldClass != null) active_menu.removeClass('active');
    $('#top_menu li.'+ newClass +' a').addClass('active');
    
    var oldSlide;
    
    if(n == null) {
      oldSlide = $('div.extra_bg.show-' + prev);
    }
    else {
      oldSlide = $('div.extra_bg').eq(n%3);
      n = null;  
    }
 
    // zostal klikniety aktualny slajd
    if(newClass == oldClass) return;
    
    var newSlide = $('div.extra_bg.show-' + newClass);
    
    // wygaszenie zdjecia w tle
    if(oldClass != null) {
      $('#top .top_' + oldClass).fadeOut(clickImgFadeTime);
    }
    else $('#top :first-child').eq(0).fadeOut(clickImgFadeTime);
    
    // wygaszenie starego i wyswietlenie nowego slajdu
    oldSlide.fadeOut(clickFadeTime, function() {
      $("div.extra_bg").fadeOut(clickFadeTime);
      $('#top div.top_bg').fadeOut(clickImgFadeTime);
        
      // wyswietlenie zdjecia w tle
      $('#top .top_' + newClass).fadeIn(clickImgFadeTime);
      $("div.extra_bg.show-" + newClass).fadeIn(clickFadeTime);
    });
    
    prev = newClass;  
    return false;
  }); 
       
  
  $('#top :first-child').eq(n).fadeIn(imgFadeTime);
  setTimeout(function() {
  
    setTimeout(function() {
      if(next == null) {
        $('#top_menu li a').eq(n).addClass('active');
        $('div.extra_bg').eq(n).fadeIn(fadeTime);
      }
    }, fadeTime);
    
    if(next == null) autoSlide = setInterval(function() { slideshow(n); n = (n+1)%3; }, showTime); 
    
  }, startDelay-fadeTime);


  // funkcja odtwarzajaca pokaz slajdow (co okres showTime)
  function slideshow(n) {
    var oldClass = $('#top_menu li').eq(n%3).attr("class");
    var newClass = $('#top_menu li').eq((n+1)%3).attr("class");
            
    $('#top div.top_' + oldClass).fadeOut(imgFadeTime);
    $('div.extra_bg').eq(n%3).fadeOut(fadeTime, function() {
      $('#top_menu li a.active').removeClass('active');
      
      $('#top div.top_' + newClass).fadeIn(imgFadeTime);
         
      $('#top_menu li a').eq((n+1)%3).addClass('active'); 
      $('div.extra_bg').eq((n+1)%3).fadeIn(fadeTime);   
    });                         
  }
});