var banners = new Array();
var noBanners = 1, ihBanners, extra = 0, bannerOrder = 0, bannerInOrder = 0, numberOrder = 0, timer, holdTime = 5000, arrActive = new Array();
$(document).ready(function(){
	if($("#antalBanners") && $("#antalBanners").html() != null){
		noBanners = $("#antalBanners").html();
	}
	
	$("#banner_section").find("div.banner").each(function(){
		banners.push($(this));
	});
	if(noBanners > banners.length){
		noBanners = banners.length;
	}
	ihBanners = Math.floor(banners.length/noBanners);
	extra = banners.length-ihBanners*noBanners;
	var strHtml = "";
	
	for(var i=0; i<noBanners; i++){
		var strNumber = "";
		strHtml += "<div class='banner_holder "+ i +"'>";
		bannerInOrder = 0;
		numberOrder = 0;
		for(var b=0; b<ihBanners; b++){
			strHtml += "<div class='banner "+ bannerInOrder +"'>"+ banners[bannerOrder].html() +"</div>";
			if(b === 0){
				strNumber += "<span class='bannerNavLink "+bannerInOrder+" active'></span>";
			} else {
				strNumber += "<span class='bannerNavLink "+bannerInOrder+"'></span>";
			}
			bannerOrder++;
			bannerInOrder++;
		}
		
		if(extra > 0){
			if(i < extra){
				strHtml += "<div class='banner "+ bannerInOrder +"'>"+ banners[bannerOrder].html() +"</div>";
				strNumber += "<span class='bannerNavLink "+bannerInOrder+"'></span>";
				bannerOrder++;
				bannerInOrder++;
			}
		}
		strHtml += "<br class='clear'>";
		strHtml += "<div class='bannerNav'>";
		strHtml += strNumber;
		strHtml += "</div></div>";		
	}
	$("#banner_section").html(strHtml);
	
	$("#banner_section").find("div.bannerNav").each(function(){
		if($(this).find(".bannerNavLink").length < 2){
			$(this).css('visibility', 'hidden');
		}
	});
	
	$("#banner_section").find("div.banner_holder").each(function(){
		if($(this).find("div.banner").length > 1){
			arrActive.push([0, $(this).find("div.banner").length-1]);
			setPosition($(this));
			animate($(this));
		}
	});
});

function setPosition(ele){
	$(ele).find("div.banner").each(function(index){
		if(index !== 0){
			$(this).stop().animate( { left: '162px' }, 0);
		}
	});
}

function animate(ele){
	timer = setInterval(function(){moveit($(ele))}, holdTime);
}

function moveit(ele){
	var identifyer = $(ele).attr('class').split(' ');
	var id = identifyer[1];
	var currEle = $(ele).find("div."+ arrActive[id][0] +"");
	var nextEle;
	if(arrActive[id][0] === arrActive[id][1]){
		nextEle = $(ele).find("div.0");
		$(currEle).stop().animate( { left: '-162px' }, 1000, 'easeInOutQuart' );
		$(nextEle).stop().animate( { left: '162px' }, 0 );
		$(nextEle).stop().animate( { left: '0' }, 1000, 'easeInOutQuart' );
		$(ele).find("div.bannerNav").find("."+ arrActive[id][0]).removeClass('active');
		arrActive[id][0] = 0;
		$(ele).find("div.bannerNav").find("."+ arrActive[id][0]).addClass('active');
	} else {
		var nextId = parseInt(arrActive[id][0])+1;
		nextEle = $(ele).find("div."+ nextId.toString() +"");
		$(currEle).stop().animate( { left: '-162px' }, 1000, 'easeInOutQuart' );
		$(nextEle).stop().animate( { left: '162px' }, 0 );
		$(nextEle).stop().animate( { left: '0' }, 1000, 'easeInOutQuart' );
		$(ele).find("div.bannerNav").find("."+ arrActive[id][0]).removeClass('active');
		arrActive[id][0] = parseInt(arrActive[id][0])+1;
		$(ele).find("div.bannerNav").find("."+ arrActive[id][0]).addClass('active');
	}
}