var current_banner = 0;
var total_banners = 0;
var animation_duration = 1500;
var slide_duration = 6000;
var slideshow_callback;
var slideshow_loaded_callback;
 
var show_banner = function(x) {
    if (x >= total_banners) { x = 0; }
 
    // set all banners NOT current or next to z-index 80 (BOTTOM of STACK)
    $('#home_banners .banner').not('.current,.next').css({"z-index":"80"}); 
	
	//set banner nav item to selected
    $('#banner_nav a').each(function(i) { $(this).toggleClass('selected',i==x); }); 
 
    $('#home_banners .current').css("z-index","81");		// set CURRENT banner to z-index of 81, just above other banners @ 80
    $('#banner' + x)											//for our NEXT/SLIDING IN banner, 
        .addClass('next')									// add class of next
        .css({"display": "none", "z-index": "90"})			// hide it and set z-index to TOP
        .fadeIn(animation_duration,
            function() {
                // When fadeIn complete, set the CURRENT to z-index of 80, remove class of current
                $(".current").css("z-index","80").removeClass("current"); 
                $(this).addClass("current").removeClass('next'); //and change NEXT to CURRENT, remove NEXT
        });
	current_banner = x;
	
};
 
$(document).ready(function() {
   $('#home_banners .banner').each(function(i, banner) {
        total_banners++;
        banner.id = "banner" + (i);	//give each banner a unique ID for utility
   
	
		$('#home_banners #banner_nav').append(	//add nav items to banner nav
            $('<a></a>')					//create link 			<a></a>
                .html(i+1)					//set link html to #x - <a>1</a>
                .attr('href','#')			//set link href to #  - <a href="#">1</a>
                .click(function() { 		//on link CLICK 
							clearInterval(slideshow); //stop rotation on click
                            show_banner(i); //show banner #i
                })
                .toggleClass('selected',!i) //if this is banner #0, set selected
		);

	}); 
	var slideshow = window.setInterval(function() { show_banner(current_banner + 1); }, slide_duration);
});