var bannerActual = 1;
var bannerWidth = 640;
var bannersCount = 5;
var bannerId = '#middleTopBannerInside';
var bannerPagerLastId = null;
var bannerTimer = null;

function bannerGoToNumber(number) {
	var element = $(bannerId);
	bannerActual = number;

	if (bannerPagerLastId != null) {
		bannerPagerHide(bannerPagerLastId);
	}
	bannerPagerShow(number);

	if (bannerTimer != null) {
		clearInterval(bannerTimer);
	}
	bannerTimer = setInterval(function() {
		bannerGoNext();
	}, 7000);

	element.stop().animate( {
		marginLeft : '-' + (bannerWidth * number) + 'px'
	}, {
		queue : false,
		duration : 2000
	});
}

function bannerMoveToNumber(number) {
	var element = $(bannerId);

	element.css( {
		marginLeft : '-' + (bannerWidth * number) + 'px'
	});
}

function bannerGoNext() {
	if (bannerActual < bannersCount) {
		bannerGoToNumber(++bannerActual);
	} else {
		bannerActual = 0;
		bannerMoveToNumber(bannerActual)
		bannerGoNext();
	}
}

function bannerGoPrev() {
	if (bannerActual > 1) {
		bannerGoToNumber(--bannerActual);
	} else {
		bannerActual = (bannersCount + 1);
		bannerMoveToNumber(bannerActual)
		bannerGoPrev();
	}
}

function bannerPagerShow(id) {
	$('#bannerPager' + id).fadeIn(500);
	bannerPagerLastId = id;
}

function bannerPagerHide(id) {
	$('#bannerPager' + id).fadeOut(500);
}

$(document).ready(function() {
	var first = $(bannerId).children("div").first();
	var firstElement = $(bannerId).children("div .banner-element").first();
	var last = $(bannerId).children("div").last();
	var lastElement = $(bannerId).children("div .banner-element").last();

	first.html(lastElement.html());
	last.html(firstElement.html());

	$(".middleTopButtonActive").fadeOut(0);

	bannerGoToNumber(1);
});