$(document).ready(function () {

	var randomStart = Math.floor(Math.random() * 5);
	
	//rotate background images
	$('#carousel ul#carouselContent li:eq(' + randomStart + ')').addClass('selected', 700);
	
	// just make initial checks first
	if (!$('#carousel ul#carouselImages li:eq(' + randomStart + ')').hasClass('active')) {
		$('#carousel ul#carouselImages li:eq(' + randomStart + ')').addClass('active');
	}
	
	function cycleImages(index){	
		var $active = $('#carousel ul#carouselImages li.active');
		
		if (index == 'next') {
			var $next = ($('#carousel ul#carouselImages li.active').next().length > 0) ? $('#carousel ul#carouselImages li.active').next() : $('#carousel ul#carouselImages li:first');
			var currentSlideIndex = $next.index();
			if (!$('#carousel ul#carouselContent li:eq(' + currentSlideIndex + ')').hasClass('selected')) {
				$('#carousel ul#carouselContent li.selected').removeClass("selected", 500);
				$('#carousel ul#carouselContent li:eq(' + currentSlideIndex + ')').addClass("selected", 500);
			}
		} else {
			var $next = $('#carousel ul#carouselImages li:eq(' + index + ')');
		}
		
		$next.css('z-index',2);
		
		$active.fadeOut(700,function(){
			$active.css('z-index',1).show().removeClass('active');
			$next.css('z-index',3).addClass('active');
		});
	}
	
	var intervalId = setInterval(function () {
		cycleImages("next");
	}, 8000);
	
	//hover over text
	$("#carousel ul#carouselContent li").click(
		function () {
			if (!$(this).hasClass('selected')) {
				
				$(this).addClass("selected", 500);
				
				var lindex = $(this).index();
				
				$('#carousel ul#carouselContent li').each(
					function () {
						if ($(this).index() != lindex) {
							$(this).removeClass("selected", 500)
							$(this).css('height', '');
							$(this).css('width', '');
						}
					}
				);

				cycleImages($(this).index());
				clearInterval(intervalId);
			}
			$("#carousel ul#carouselContent li.selected").animate({ backgroundColor: "#174171" }, 300);
		}
	).hover(
		function() {
			if (!$(this).hasClass('selected')) {
				$(this).animate({ backgroundColor: "#227FA8" }, 300);
			}
		},
		function() {
			if (!$(this).hasClass('selected')) {
				$(this).animate({ backgroundColor: "#174171" }, 300);
			}
		}
	);
});