$(document).ready(function(){

	var bannerContainer = $('#banner-slides'), banners = $('#banner-slides .slide'), bannerControls = $('#banner-controls'), activeBanner, bannerWait = 6000, bannerFade = 400;
	
	// Build Controls
	if(banners.length>1) {
		var bannerCounter = 1;
		$(banners).each(function(){
			$(this).removeClass('hide').hide();
			$(bannerControls).append('<a href="#'+$(this).attr('id')+'" title="Slide '+bannerCounter+'">Slide '+bannerCounter+'</a>');
			bannerCounter++;
		});
		$('a:first',bannerControls).addClass('active');
	}
	$(banners).eq(0).show().addClass('active');
	$('a',bannerControls).click(function(){
		if(!$(this).hasClass('active')) {
			$('a',bannerControls).removeClass('active');
			$(this).addClass('active');
			showBanner($(this).attr('href'));
		}
		return false;
	});
	
	function showBanner(bannerId) {
		var currentBanner = $('.active' ,bannerContainer), newBanner = $(bannerId ,bannerContainer);
		$(currentBanner).animate({bottom:'40px',opacity:0},{duration:bannerFade,queue:false}).removeClass('active');
		$(newBanner).show().css({bottom:'-40px',opacity:0}).animate({bottom:'0px',opacity:1},{duration:bannerFade,queue:false}).addClass('active');
	}
	
	$('.gallery a').fancybox({'titleShow':false});

});