$(document).ready(function () {

    var timer,
        slideInterval = 4500,
        clickedId = "#slider-link1",
        slideToActivate = "#screen1",
        intervalId;
        
    loopSlide();

    $(".slider-link").click(function (){
        clearInterval(intervalId);
        clickedId = "#" + $(this).attr('id');
        slideToActivate = "#screen" + clickedId.slice(12);               
        slider();
        loopSlide();
        return false;
    });
       
    function loopSlide(){
        clearInterval(intervalId);        
        intervalId = setInterval(function(){nextLoopItem();},slideInterval);
    }
    
    function nextLoopItem(){
        clickedId = "#slider-link" + ( 1 + ~~clickedId.slice(12) );
        if($(clickedId).attr('id') != undefined ){
            slideToActivate = "#screen" + ( clickedId.slice(12) );
        }else{
            clickedId = "#slider-link1";
            slideToActivate = "#screen1";
        }
        slider();
    }
    
    function slider() {
        if($(slideToActivate).hasClass("show") == false) {
            //$(".show").fadeOut("fast", function() {});
            $(".slider-link").parent().removeClass("slider-li-active");
            $(".show").removeClass("show");
            //$(slideToActivate).fadeIn("fast", function(){});
            $(clickedId).parent().addClass("slider-li-active");
            $(slideToActivate).addClass("show");
        }
    }
});