$(document).ready(function() {


	$bannerContainer = $("#bannerContainer");
	$totalSlides = $(".slide", $bannerContainer).size();
	$currentSlideIndex = 0;

	var goon = true;
	
	$previosSlide = '';
		
	$(".slide:eq(0)", $bannerContainer)
		.addClass("z10")
		.removeClass("hide");

	// slide pager

	$slidePager = $(".slidePager");
	
	$slidePagerHtml = "";
	for(var i = 0; i < $totalSlides; i++){
		$slidePagerHtml += "<a href='#'>" + parseInt(i+1) + "</a>";
	}

	$slidePager.html($slidePagerHtml);
	showSlideNumber(0);

	$("a", $slidePager).focus(function(){
		this.blur();
	});
	
	$("a", $slidePager).click(function(e){
		e.preventDefault();
		this.blur();
		var i = $("a", $slidePager).index(this);
		clearInterval(slideTid);
		$currentSlideIndex = i;
		
		if ($previosSlide) {
			$previosSlide.removeClass("z10")
		}
		
		goon = false;
//		$slide.stop();

		$(".slide", $bannerContainer).css({"opacity": 1});

		$slide = $(".slide:eq(" + $currentSlideIndex + ")", $bannerContainer);
		
		$slide
			.removeClass("hide")
			.removeClass("z9")
			.addClass("z10");
			
		$previosSlide = $slide;

		showSlideNumber($currentSlideIndex);
	});
	
	var slideTid = setInterval(function(){
		doIt();
	}, 6000);

	function doIt(){
		if (goon) {
//		showSlideNumber($currentSlideIndex);
		
		$slide = $(".slide:eq(" + $currentSlideIndex + ")", $bannerContainer);

		$slide
			.removeClass("hide")
			.removeClass("z9")
			.addClass("z10");
	
		$nextSlideIndex = ($currentSlideIndex + 1) % $totalSlides;

		showSlideNumber($nextSlideIndex);
		
		$(".slide:eq(" + $nextSlideIndex + ")", $bannerContainer)
			.removeClass("hide")
			.addClass("z9");
		
		$slide.animate({
			opacity: 0
		}, 900, "swing", function(){
			$slide
				.removeClass("z10")
				.css({"opacity": 1});
			
		});

		$currentSlideIndex = $nextSlideIndex;
		
		} else {
			clearInterval(slideTid);
		}

	}

	function showSlideNumber(numb){
		$("a", $slidePager).removeClass("selected");
		$("a:eq(" + numb + ")", $slidePager).addClass("selected");
	}
	
	
});