var ulWidth = 0;
var shift = 880;
var currentImageId = "featured-list-first";
var slideDuration = 10000;

$(document).ready(function() {

	$("#featured-images ul img").each(function(i) {
		ulWidth += $(this).outerWidth(true);
	});

	$("#featured-images ul").css("width", ulWidth);
	
	$(this).oneTime(slideDuration, function() {scrollRight();});

});

function scrollRight() {
    var newPos = $("#featured-images ul").position().left - shift;
	var millis = 1200;
	
    if ($("#featured-images ul").width() + newPos < $("#featured-images").width()) {
        newPos = $("#featured-images").width() - $("#featured-images ul").width();
    }

    $("#featured-images ul").animate({left:newPos+"px"}, millis, "easeInExpo");
	
	if (currentImageId == "featured-list-first") {
		currentImageId = "featured-list-middle";
		$(this).oneTime(slideDuration, function() {scrollRight();});
	} else if (currentImageId == "featured-list-middle") {
		currentImageId = "featured-list-last";
		$(this).oneTime(slideDuration, function() {scrollLeft();});
	}
	
	$(this).oneTime(millis * 0.8, function() {toggleFeaturedDisplay(currentImageId);});
}

function scrollLeft() {	
	
	var newPos = $("#featured-images ul").position().left + ulWidth;
	var millis = 800;
	
	if (newPos > 0)
		newPos = 0;
	
	$("#featured-images ul").animate({left:newPos+"px"}, millis, "easeInExpo");
	
	currentImageId = "featured-list-first";
	
	$(this).oneTime(millis * 0.8, function() {toggleFeaturedDisplay(currentImageId);});
	
	$(this).oneTime(slideDuration, function() {scrollRight();});

}

function toggleFeaturedDisplay(link_id) {
	$(".featured-image-list li").css('background-image', 'none');
	
	$("#" + link_id).css('background-image', 'url(/images/layout/selected-image.png)');
}