var bannerSliderPause = 5000;
	var bannerTimer;
	var bannerSpeed = 1500;
	var bannerImageActive, bannerImageNext;
	
$(document).ready(function() {

	$("#bannerContainer ul li").css({"opacity":"0","z-index":"1"})
	$("#bannerContainer ul li:first").addClass("first active").css({"display":"block","z-index":"2","opacity":"1"});
	$("#bannerContainer ul li:last").addClass("last");

	bannerSlider();

});

function bannerSlider() {
	bannerTimer = setInterval(function() {
		bannerNext()
	},bannerSliderPause);
}

function bannerSliderTimeReset() {
	clearInterval(bannerTimer);
	bannerTimer = setInterval(function() {
		bannerNext()
	},bannerSliderPause);
}

function bannerNext() {
		
		bannerImageActive = $("div#bannerContainer ul li.active");
		if (bannerImageActive.hasClass("last")) {
			bannerImageNext = $("div#bannerContainer ul li:first");
		} else {
			bannerImageNext = bannerImageActive.next();
		}
		
		bannerImageActive.animate({
			opacity : 0
		}, bannerSpeed,function(){
			bannerImageActive.removeClass("active").css({"z-index":"1"});
		} );
		
		bannerImageNext.animate({
			opacity : 1
		},bannerSpeed,function(){ bannerImageNext.addClass("active").css({"z-index":"2"})} );

}