var stepsCarousel, bannersCarousel, totalSteps, totalBanners;

/* Steps */

function steps_init() {
	$("div.steps").prepend('<ul></ul>').find('ul').end().css('display', 'block').jcarousel({
		animation: 500,
		scroll: 1,
		auto: 5,
		wrap: 'circular',
		buttonNextHTML: null,
		buttonPrevHTML: null,
		initCallback: steps_initCallback,
		itemVisibleInCallback: { onBeforeAnimation: changeSteps},
		itemVisibleOutCallback: { onAfterAnimation: removeSteps }/**/
	});
}

function steps_initCallback(carousel) {
	stepsCarousel = carousel;
	totalSteps = $('#steps-hash li').size();

	$(carousel.buttonPrev).click(function() { // По клику на > крутим вперёд
		stepsCarousel.prev();
		return(false);
	});
	$(carousel.buttonNext).click(function() { // По клику на < крутим назад
		stepsCarousel.next();
		return(false);
	});
}
function changeSteps(carousel, item, idx) { // Добавляем в кольцо
	var i = carousel.index(idx, totalSteps);
	var s = carousel.index(idx-5, totalSteps);
	var item_html = $('#steps-hash li').eq(i-1).html();
	carousel.add(idx, item_html);

	for (var j = 1, carousel_item, check_html; j <= totalSteps; j++) { // Проверка пустых элементов и заполнение их
		carousel_item = carousel.get(j);
		if (carousel_item) {
			check_html = carousel_item.html();
			if(check_html == '') {
				carousel_item.html($('#steps-hash li').eq(j-1).html());
			}
		}
	}
	
	var bullets = $('.steps-nav a');
	bullets.attr('class', '').click(function() { // По клику на буллит крутим карусель
		 if(this.className == 'selected') return(false);
		 var n = bullets.index(this) + 1;
		 stepsCarousel.scroll(n);
		 return(false);
	}).eq(s-1).addClass('selected'); // Помечаем буллит 
};

function removeSteps(carousel, item, i) { // Удаляем баннер за пределами видимости
	carousel.remove(i);
}


/* Banners */

var bannersCarousel, totalBanners;

function banners_init() {
	$("div.bannerss").prepend('<ul></ul>').find('ul').end().css('display', 'block').jcarousel({
		animation: 500,
		scroll: 1,
		auto: 5, 
		wrap: 'circular',
		buttonNextHTML:'<div> <span> </span> </div>' ,
		buttonPrevHTML:'<div> <span> </span> </div>' ,
		initCallback: banners_initCallback,
		itemVisibleInCallback: { onBeforeAnimation: changeBanners },
		itemVisibleOutCallback: { onAfterAnimation: removeBanners }
		/*itemFirstInCallback: {
			onBeforeAnimation: banners_changeBullets
		}*/
	});
}

function banners_initCallback(carousel) {
	bannersCarousel = carousel;
	totalBanners = $('#banners-hash li').size();

	if(totalBanners < 5) {
		carousel.options.auto = 0;
		$(carousel.buttonNext).add(carousel.buttonPrev).hide();
		carousel.options.buttonNextEvent = '';
		carousel.options.buttonPrevEvent = '';
	}
	else {
		$(carousel.buttonPrev).click(function() { // По клику на > крутим баннеры вперёд
			bannersCarousel.prev();
			return(false);
		});
		$(carousel.buttonNext).click(function() { // По клику на < крутим баннеры назад
			bannersCarousel.next();
			return(false);
		});
	}
}

function changeBanners(carousel, item, idx) { // Добавляем баннеры в кольцо
	var i = carousel.index(idx, totalBanners);
	var s = carousel.index(idx-2, totalBanners);
	var item_html = $('#banners-hash li').eq(i-1).html();
	carousel.add(idx, item_html);

	for (var j = 1, carousel_item, check_html; j <= totalBanners; j++) { // Проверка пустых элементов и заполнение их
		carousel_item = carousel.get(j);
		if (carousel_item) {
			check_html = carousel_item.html();
			if(check_html == '') {
				carousel_item.html($('#banners-hash li').eq(j-1).html());
			}
		}
	}

};

function removeBanners(carousel, item, i) { // Удаляем баннер за пределами видимости
	carousel.remove(i);
}

/* Defaults */

$(document).ready(function() {

	steps_init();
	banners_init();
	
});