var bannery = [
	{html: '<img src="pics/hp-vana.jpg" />', time: 5000},
	{html: '<img src="pics/hp-pec.jpg" />', time: 5000},
	{html: '<img src="pics/hp-pec-al.jpg" />', time: 5000},
];

var th;
var nextBannerId = 0;

$(document).ready(function () {
	$('div#banner-lista div').each(function (i) {
		$(this).hover(
			function () {
				clearTimeout(th);
				if (nextBannerId - 1 != i) {
					// zneaktivnim predchozi banner
					$($('div#banner-lista div')[nextBannerId - 1]).removeClass('aktivni');
					// zmena banneru
					nextBannerId = i;
					var banner = bannery[nextBannerId];
					$('div#banner-obsah').html(banner.html);
					$($('div#banner-lista div')[nextBannerId]).addClass('aktivni');
					nextBannerId++;
				}
			},
			function () {
				var banner = bannery[nextBannerId - 1];

				th = setTimeout('changeBanner();', banner.time);
			}
		)
	});

	changeBanner();
});

function changeBanner() {
	var removeBannerId = nextBannerId - 1;
	

	// korekce nextBannerId
	if (nextBannerId > bannery.length - 1)
		nextBannerId -= bannery.length;
		
	// zmena banneru
	var banner = bannery[nextBannerId];
	// cache
	$(banner.html);
	
	$('div#banner-obsah').fadeOut(500, function () {
	// zneaktivnim predchozi banner
		$($('div#banner-lista div')[removeBannerId]).removeClass('aktivni');

	 	$('div#banner-obsah').html(banner.html);
	 	$('div#banner-obsah').fadeIn(1000);

		$($('div#banner-lista div')[nextBannerId]).addClass('aktivni');
		
		nextBannerId++;
		
		th = setTimeout('changeBanner();', banner.time);
	});
}