
$(document).ready(function(){
	
	var timerInterval = 4000; // slider interval in milliseconds
	var timerClick = false;

	function autoNextSlide() {
		var currentSlide = parseFloat( $('#newsSlider-Nav li.active').attr('id').replace('news-slider-', '') );
		var nextSlide = currentSlide + 1;
		if ( nextSlide > 4 ) nextSlide = 1;
		timerClick = true;
		$('#news-slider-'+nextSlide).trigger('click');
		timerClick = false;
	}

	var intervalId = setInterval(autoNextSlide, timerInterval);

	// SET OPACITY OF CAPTION BOX
		$('div#newsSliderWrapper div#caption div#caption-bg').css("opacity", 0.7);


	//SET CAPTION TO SIZE OF CAPTION TEXT
		$('div#newsSliderWrapper div#caption').width(    $('div#newsSliderWrapper div#caption-text').width() + 40  );
		$('div#newsSliderWrapper div#caption').height(    $('div#newsSliderWrapper div#caption-text').height() + 100   );


	// PRE-SET First slide to first content div
		var firstimg = $('div#news-slider-1-content img').attr("src");
		var firsttext = $('div#news-slider-1-content p').text();
		var thislink = $('div#news-slider-1-content a').attr("href");
		$('div#newsSliderWrapper img').attr("src", firstimg);
		$('div#newsSliderWrapper ul#newsSlider-Nav li#news-slider-1').addClass("active");
		$('div#newsSliderWrapper div#caption div#caption-text a#caption-link').text(firsttext);
		$('div#newsSliderWrapper div#caption a#caption-link').attr("href", thislink);
		$('div#newsSliderWrapper div#caption a#readmore-link').attr("href", thislink);

	// PRE-SET news text into each LI
		$('div#newsSliderWrapper ul#newsSlider-Nav li').each(function(){
			$(this).text(($('div#newsSliderContent div#' + ($(this).attr("id")) + '-content' + ' p').text()));
			});


	// ONCLICK of LI
		$('div#newsSliderWrapper ul#newsSlider-Nav li').click(function(){
			// if this hasn't been triggered by the automatic timer (it was triggered by the user), stop the timer
			if ( !timerClick ) {
				clearInterval( intervalId );
			}
			var thisid = $(this).attr("id");
			var thiscontentid = $('div#' + thisid + '-content').attr("id");
			var imgsrc = $('div#' + thiscontentid + ' img').attr("src");
			var thistext = $('div#' + thisid + '-content p').text();
			var thislink = $('div#' + thiscontentid + ' a').attr("href");
			
			$('div#newsSliderWrapper img').fadeOut(150, function(){$('div#newsSliderWrapper img').attr("src", imgsrc);});
			$('div#newsSliderWrapper img').fadeIn();
			$('div#newsSliderWrapper div#caption a#caption-link').text(thistext);
			$('div#newsSliderWrapper div#caption a#caption-link').attr("href", thislink);
			$('div#newsSliderWrapper div#caption a#readmore-link').attr("href", thislink);
			
		 	$('div#newsSliderWrapper div#caption').width(    $('div#newsSliderWrapper div#caption-text').width() + 40  );
			$('div#newsSliderWrapper div#caption').height(    $('div#newsSliderWrapper div#caption-text').height() + 40   );
			
			});
	

		
		
			$('div#newsSliderWrapper ul#newsSlider-Nav li#news-slider-1').click(function(){
				$('div#newsSliderWrapper ul#newsSlider-Nav li').removeClass("active");
				$(this).addClass("active");
				$('div#newsSliderWrapper div#slider').animate({left: '-1px'}, 300, function() {});
				});
		
			$('div#newsSliderWrapper ul#newsSlider-Nav li#news-slider-2').click(function(){
				$('div#newsSliderWrapper ul#newsSlider-Nav li').removeClass("active");
				$(this).addClass("active");
				$('div#newsSliderWrapper div#slider').animate({left: '161px'}, 300, function() {});
				});
			
			$('div#newsSliderWrapper ul#newsSlider-Nav li#news-slider-3').click(function(){
				$('div#newsSliderWrapper ul#newsSlider-Nav li').removeClass("active");
				$(this).addClass("active");
				$('div#newsSliderWrapper div#slider').animate({left: '323px'}, 300, function(){});
				});
			
			$('div#newsSliderWrapper ul#newsSlider-Nav li#news-slider-4').click(function(){
				$('div#newsSliderWrapper ul#newsSlider-Nav li').removeClass("active");
				$(this).addClass("active");
				$('div#newsSliderWrapper div#slider').animate({left: '486px'}, 300, function() {});
				});
	
	
});

