// banner main
function mainBannerSlide(){
	var bannerWidth 		= $("#banner-container .banner").width();
	var bannersCount		= $("#banner-container .banner").length;
	var bannersContainerWidth = bannerWidth*bannersCount;
	var leftPosition 		= $("#banner-container").position().left-bannerWidth;
	if (leftPosition< 0-bannersContainerWidth+bannerWidth){
		leftPosition = 0;
	}
	$("#banner-container").width(bannersContainerWidth);
	
	$("#banner-container .banner .content").fadeOut(1200);
	$("#banner-container").delay(800).animate({
		left: leftPosition
	}, 
	{duration: 1000}, 
	{easing: "ease-in-out"});
	$("#banner-container .banner .content").delay(600).fadeIn(600);
	
	var activeController 	= (leftPosition/bannerWidth) * (-1);
	$("#banner-controlls li a").removeClass("active");
	var controlls = $("#banner-controlls li a");
	controlls[activeController].className += "active";
}

$("#banner-controlls a").click(function(event){
	event.preventDefault();
	clearInterval(bannerInterval);
	$("#banner-controlls a").removeClass("active");
	$(this).addClass("active");
	
	var bannerWidth 	= $("#banner-container .banner").width();
	var bannersCount	= $("#banner-container .banner").length;
	var bannersContainerWidth = bannerWidth*bannersCount;
	$("#banner-container").width(bannersContainerWidth);
	
	var href = $(this).attr("href");
	var bannerLeftPosition = $(href).position().left;
	$("#banner-container").animate({
		left: 0-bannerLeftPosition
	},
	{duration: 1000},
	{easing: "ease-in-out"
	});
	
	bannerInterval = setInterval(mainBannerSlide, 6500);
});


$(function(){
	
	if ($("#banner-container").width() != null){
        var bannerContainerWidth = $("#banner-container").width();
        var bannerContainerHeight = $("#banner-container").height();
		// start the banner interval
//		bannerInterval = setInterval(mainBannerSlide, 6500);
		// start the infinite banners
		$("#banner-container ul").carouFredSel({
			width: bannerContainerWidth,
			align: "left",
			height: bannerContainerHeight,
			items: {
				visible: 1,
				height: bannerContainerHeight,
				width: bannerContainerWidth
			},
			scroll: {
				mousewheel: true,
				duration: 800,
				onAfter: function( oldItems, newItems, newSizes ) {
					var rel = newItems.attr("rel");
					$("#banner-controlls a").removeClass("active");
					$("#banner-controlls a.banner-"+rel).addClass("active");
				}
			},
			auto: {
				pauseDuration: 6000,
				delay: 600
			},
			pagination: {
				container: "#banner-controlls>ul",
				keys: true,
				anchorBuilder: function( nr ) {
					    var         str = '<li><a href="" class="banner-'+nr+'">';
					                str += nr;
					                str += '</a></li>';
					    $("#banner-controlls a:first").addClass("active");   
						return str;
				}
			}
		});
		
		
	}
	
	// commentform
	
	// contact form
	
	$(".message.success-message").delay(4000).fadeOut(600);
	$(".message.error-message").delay(4000).fadeOut(600);
	
});