/**
 * utf8 (ěščřžýáíéúů)
 * animace banneru na titulni strance 
 */
var anim_stopped = false;
var tts = 2; // time to switch - cas do premeny obrazku
var counter = tts;
var countdown = function() {
  if(counter > 0) {
    counter--;
  } else {
    if(!anim_stopped) {
      show_next();
      counter = tts;
    }
  }
}
var show_next = function() {
  var actual = $('.banner .image-nav a.nav.active').removeClass('active');
  var next = actual.closest('li').next().find('a.nav');
  if(!next.length) {
    next = $('.banner .image-nav a.nav:first');
  }
  if(!next.length) return;
  next.addClass('active');
  $('.banner .item').eq(actual.attr('poradi')).fadeOut(1000);
  $('.banner .item').eq(next.attr('poradi')).fadeIn(1000);
}
var show_prev = function() {
  var actual = $('.banner .image-nav a.nav.active').removeClass('active');
  var prev = actual.closest('li').prev().find('a.nav');
  if(!prev.length) {
    prev = $('.banner .image-nav a.nav:last');
  }
  if(!prev.length) return;
  prev.addClass('active');
  $('.banner .item').eq(actual.attr('poradi')).fadeOut(1000);
  $('.banner .item').eq(prev.attr('poradi')).fadeIn(1000);
}
$(document).ready(function() {
  $('.banner .item').hide().filter(':first').show();
  var i = 0;
  $('.banner .image-nav a.nav').each(function() {
    this.poradi = i;
    i++;
  }).filter(':first').addClass('active');
  $('.banner .image-nav a.nav').mouseenter(function() {
      anim_stopped = true;
      if($('.banner .item').eq(this.poradi).filter(':visible').length) return;
      $('.banner .item:visible').fadeOut(1000);
      $('.banner .item').eq(this.poradi).fadeIn(1000);
      $('.banner .image-nav a.nav').removeClass('active').filter(this).addClass('active');
  }).mouseleave(function() {
      anim_stopped = false;
      counter = tts;
  });
  $('<span class="next">&nbsp;</span>').appendTo('.banner .content').click(function() { show_next() });
  $('<span class="prev">&nbsp;</span>').appendTo('.banner .content').click(function() { show_prev() });
  $('.banner .item, .banner .content span.next, .banner .content span.prev, .banner .image-nav ul ul').mouseenter(function() {
      anim_stopped = true;
  }).mouseleave(function() {
      anim_stopped = false;
      counter = tts;
  });
  setInterval(countdown, 1000);
  $('.banner .image-nav>ul>li').mouseenter(function() {
      $(this).addClass('hover');
  }).mouseleave(function() {
      $(this).removeClass('hover');
  });
});