$(document).ready(function () {

    var totalSlides = $(".slideshow-image-div").length;
	var currentSlide = -1;
    var animationTime = 400;
    var holdTime = 6000;
	var needToReplace = 0;

    fLoadSlideShow();


    function fLoadSlideShow() {

        $(".slideshow-loader").animate(
        // do nothing
        {width: '834px' }, holdTime / 2.5, function () {

            //move loading text out
            $('.loading-wrapper').animate({ width: '0px' }, holdTime / 3, function () {

                $(".slideshow-loader").css('display','none');
                // now start slideshow
                fChangeSlide(0);
            });
        });

    }

    function fKeepCurSlide() {

        //currentSlide

        $(".slideshow-image-div").eq(currentSlide).animate(
        // do nothing
        {left: '+=0' }, holdTime, function () {

            var nextSlide = Number(currentSlide) + 1;

            //alert(nextSlide);

            if (nextSlide >= $(".slideshow-image-div").length) {
                nextSlide = 0;
            }


            fChangeSlide(nextSlide);
        });

    }

    function fChangeSlide(nextSlide) {

		//remove dummy slide show from the slideshow
		$("#dummy-slide-div").css('display','none');

        var oCurSlide = $(".slideshow-image-div").eq(currentSlide);
        var oNextSlide = $(".slideshow-image-div").eq(nextSlide);

        var oCurContent = $(".slideshow-content-div").eq(currentSlide);
        var oNextContent = $(".slideshow-content-div").eq(nextSlide);

        var oCurNav = $(".slideshow-nav-item").eq(currentSlide);
        var oNextNav = $(".slideshow-nav-item").eq(nextSlide);

        oCurContent.fadeOut(animationTime, function () { oNextContent.fadeIn(animationTime * 8); });

        oCurSlide.fadeOut(animationTime, function () {

            oCurNav.removeClass('active-nav').addClass('inactive-nav');
            oNextNav.removeClass('inactive-nav').addClass('active-nav');

            oNextSlide.fadeIn(animationTime, function () {

                currentSlide = nextSlide;
                fKeepCurSlide();
            });
        });


    }

    $(".slideshow-nav-item").hover(function () {
    if ($(this).hasClass('inactive-nav')) {
    $(this).removeClass('inactive-nav').addClass('hover-nav');
    }
    }, function () {
	if ($(this).hasClass('hover-nav')) {
   	$(this).removeClass('hover-nav').addClass('inactive-nav');
    }
    });
    
    $(".slideshow-nav-item").click(function () {
        var clickedSlide = $(this).attr('id').split('li')[1];

        var oNextSlide = $(".slideshow-image-div").eq(clickedSlide);
        var oNextContent = $(".slideshow-content-div").eq(clickedSlide);
        var oNextNav = $(".slideshow-nav-item").eq(clickedSlide);

        //reset everything
        resetEverything();

        //display new slide

        oNextContent.fadeIn(animationTime * 8);
        oNextSlide.fadeIn(animationTime);
        //oNextSlide.css('display', 'block');
        //oNextContent.css('display', 'block');
        oNextNav.removeClass('inactive-nav').addClass('active-nav');

        // change current to new
        currentSlide = clickedSlide;
        fKeepCurSlide();

    });

    function resetEverything() {
        $(".slideshow-image-div").stop().css({ 'display': 'none', 'opacity': '1.0' });
        $(".slideshow-content-div").stop().css({ 'display': 'none', 'opacity': '1.0' });
        $(".slideshow-nav-item").removeClass('active-nav').addClass('inactive-nav');
    }
});