function sliderSwitch(elementId) {
	//alert('Index: ' + elementId);
	
    var activeSlide = $('ul#slider li.active');
    var activeSlideNav = $('ul#slider-nav li.active');
	
	if(elementId) {
	    var nextSlide = $('ul#slider li:eq(' + elementId + ')');
		var nextSlideNav = $('ul#slider-nav li:eq(' + elementId + ')');;
	} else {
	    var nextSlide = activeSlide.next().length ? activeSlide.next() : $('ul#slider li:first');
		var nextSlideNav = activeSlideNav.next().length ? activeSlideNav.next() : $('ul#slider-nav li:first');
	}
	
	var otherSlide = $("ul#slider li:not('.active')");
	
	otherSlide.css('z-index', 0);
	
	nextSlide.css({
        opacity: 0.0
    })
	.css({
		'z-index': 2
	})
    .addClass('active')
    .animate({
        opacity: 1.0
    }, 500, function() {
        activeSlide.removeClass('active');
	});
	
	activeSlide.css('z-index', 1);
	
	nextSlideNav.addClass('active')
    activeSlideNav.removeClass('active');
}

$(document).ready(function() {
	$('ul#slider li:first').addClass('active');
	$('ul#slider-nav li:first').addClass('active');	
	
	var refresher = setInterval( "sliderSwitch()", 5000 );

    $("#teaser").hover(
        function () {
            clearInterval(refresher);
        },
        function () {
            refresher = setInterval( "sliderSwitch()", 5000 );
        }
    );
	
	$("ul#slider-nav li").click(function() {
		if($(this).hasClass('active')) {
		
		} else{
			sliderSwitch($(this).index());
		}
    });
	
});