$(function() {

//Main Banner Rotator
	$homeBanner = $('#home_banner');
	$banners = $('#home_banner div.main_banner');
	$arrows = $('#thumbnail_section div.arrow');
	$banner_thumbs = $('#thumbnails ul li.thumbnail');
	
	var num = $banners.length,
		show = 0,
		bannerTimer;
		
	$first = $banners.eq(show).addClass('show');
	$first_thm = $banner_thumbs.eq(show).addClass('selected');	
	
	var start_auto = function(){
		bannerTimer = setTimeout(auto_move, 7000); 	
	}
	
	var auto_move = function(){
		show = ((show + 1) == num) ? 0 : show + 1;
		move_banners();		
	}
	
	var move_banners = function(){
		clearTimeout(bannerTimer);
		change_thumbs();
		$banners.
			stop(true, true).
			eq(show).
			addClass('ondeck').
			siblings('.show').
			animate({'top':'-300px','opacity':'0'}, 1200, function(){
				$(this).
					removeClass('show').
					css({'top':'0','opacity':'1'}).
					siblings('.ondeck').
					removeClass('ondeck').
					addClass('show');
				start_auto();					
				});
	}
	
	var change_thumbs = function(){
		$banner_thumbs.
			eq(show).
			addClass('selected').
			siblings('.selected').
			removeClass('selected');	
	}
		
	$arrows.click(function(e){
		e.preventDefault();
		clearTimeout(bannerTimer);
		$arrow = $(this);
		switch($arrow.attr('id')){
			case 'thumbnail_arrowleft':
				show = (show == 0) ? num - 1 : show - 1;
			break;
			case 'thumbnail_arrowright':
				show = ((show + 1) == num) ? 0 : show + 1;
			break;
		}
		move_banners();
	});
	
	$banner_thumbs.click(function(e){
		e.preventDefault();
		clearTimeout(bannerTimer);
		$thm = $(this);
		show = $thm.index();
		move_banners();		
	});
	
	$homeBanner.hover(function(){
		clearTimeout(bannerTimer);	
	}, function(){
		start_auto();	
	});
	
	start_auto();
});