$(document).ready( function () {
	var currHeroDiv = '';
	var currHeroSlide = 1;
	var currHeroPrev = 0;
	var currHeroNext = 0;
	
	//SET THIS TO TOTAL NUMBER OF SLIDES;
	var currHeroTotalSlides = 4;
	//END SET
	
	$('.next,.prev').hide();
	$('.p'+currHeroTotalSlides).show();
	$('.n2').show();
	
	$("#home_splash div").first().fadeIn(300);
	$("#home_carousel_obj").jCarouselLite({
		//btnNext: ".next",
		//btnPrev: ".prev",
		//circular: false,
		mouseWheel: true,
		speed: 6000,
		auto: true,
		btnGo:	[
			"#home_carousel .hero1", "#home_carousel .hero2",
			"#home_carousel .hero3", "#home_carousel .hero4",
			"#home_carousel .hero5", "#home_carousel .hero6",
			"#home_carousel .hero7", "#home_carousel .hero8"
		],
		beforeStart: function(a) {
			currHeroSlide += 1;
			if(currHeroSlide > currHeroTotalSlides ) {
				//alert(currHeroSlide + ' reset1');
				currHeroSlide = 1;
			}
			
			//Change Prev/Next Buttons
			currHeroPrev = currHeroSlide - 1;
			if(currHeroPrev < 1 )
				currHeroPrev = currHeroTotalSlides;
			
			currHeroNext = currHeroSlide + 1;
			if(currHeroNext > currHeroTotalSlides)
				currHeroNext = 1;
			
			$('.next,.prev').hide();
			$('.p'+currHeroPrev).show();
			$('.n'+currHeroNext).show();
			
			//MAIN DISPLAY EFFECTS
			$('#home_splash div').fadeOut(600);
			$('#hero' + currHeroSlide ).delay(320).fadeIn(2000);
		},
		afterEnd: function(a) {
		}
	});
	
	//Loads in large image
	$("#home_carousel_obj ul li").click ( function () {
		currHeroDiv = $(this).attr('class');
		currHeroSlide = parseInt($(this).attr('order'));
		$('#home_splash div').fadeOut(300);
		$('#' + currHeroDiv ).delay(320).fadeIn(300);
		$(this).addClass('active');
		$('#test').val(currHeroSlide);
		$('#test2').val($(this).attr('order'));
	});
	
	//Performs animation slide up effect
	$("#home_carousel_obj ul li").hover (
		function() {
			$(this).find('span.slideImg').animate({
				top: "10px"
			}, 100, function () {});
		},
		/* MOUSELEAVE */
		function () {
			$(this).find('span.slideImg').animate({
				top: "30px"
			}, 100, function () {});
			$(this).removeClass('active');
		}
		
	);

});

