var stopped = 0;

$(document).ready(function() {
	/*** HOME BANNER ***/

	$('#karuzelaB div').click(function() {

		if($(this).hasClass('active')) {
			return false;
		}

		$('#karuzelaB div').removeClass('active').removeClass('unactive');
		$('#karuzelaB div').addClass('unactive');
		$(this).removeClass('unactive').addClass('active');

		var ci = 0;
		var sel = 0;

		$('#karuzelaB div').each(function() {
			if($(this).attr('class') == 'active') {
				sel = ci;
			}
			ci++;
		});

		ci = 0;

		$('#karuzela div div').each(function() {
			$(this).fadeOut();
			if(sel == ci) {
				$(this).fadeIn();
			}
			ci++;
		});

		stopped = 1;
	});

});

//setTimeout ( "bannerMove()", 7000 );

function bannerMove ( )
{

	if(stopped) {
		stopped = 0;
		setTimeout ( "bannerMove()", 7000 );
		return false;
	}

	var ci = 0;
	var sel = 0;

	$('#karuzelaB div').each(function() {
		if($(this).attr('class') == 'active') {
			$(this).removeClass('active').addClass('unactive');
			sel = ci;
		}
		ci++;
	});

	sel++;

	if(sel == ci) {
		sel = 0;
	}

	ci = 0;

	$('#karuzelaB div').each(function() {
		if(ci == sel) {
			$(this).removeClass('unactive').addClass('active');
		}
		ci++;
	});

	ci = 0;

	$('#karuzela div div').each(function() {
		$(this).fadeOut();
		if(sel == ci) {
			$(this).fadeIn();
		}
		ci++;
	});

	if(!stopped) {
		setTimeout ( "bannerMove()", 7000 );
	}
}