$(document).ready(function() {

    var prevNum = 0;
    var sNum = 1;
    $("#daw-hero .daw-hero-image li").hide();
    $("#daw-hero .daw-hero-image li:eq(0)").show();
    $("#daw-hero .daw-hero-callout li:eq(0)").show();
    $("#daw-hero .daw-hero-nav li").addClass('inactive');
    $("#daw-hero .daw-hero-nav li:eq(0)").addClass('active');
    $("#daw-hero .daw-hero-nav li:eq(0)").removeClass('inactive');
    $("#daw-hero .daw-hero-nav li").prepend("<div class='arrow-border'></div><div class='arrow'></div>");

    //var timerId = setInterval(heroSlideshow, 5000);
    var timeOutId;
    var fading = 0;
    function showSlide(showi) {

    }

    $('#daw-hero .daw-hero-nav li a').click(function(e) {
        e.preventDefault();
        if ($(this).parent().hasClass('inactive')) {
            var gotoindex = $(this).parent().index();
            gotoSlide(gotoindex);
            return false; // Do something else in here if required
        } else
            window.location.href = $(this).attr('href');
    });


    function heroSlideshow() {
        //var prevNum = sNum - 1;
        //if (prevNum < 0) prevNum = $("#daw-hero .daw-hero-image li").size() - 1;

        //alert("sdfgsdg");
        fading = 1;
        $("#daw-hero .daw-hero-nav li").removeClass('active');
        $("#daw-hero .daw-hero-nav li").addClass('inactive');
        //alert($("#daw-hero .daw-hero-image li:eq(" + prevNum + ")").html());
        $("#daw-hero .daw-hero-image li:eq(" + prevNum + ")").fadeOut(2000);
        //$("#daw-hero .daw-hero-image li:eq(" + prevNum + ")").fadeOut(2000);

        $("#daw-hero .daw-hero-nav li:eq(" + sNum + ")").addClass('active');
        $("#daw-hero .daw-hero-nav li:eq(" + sNum + ")").removeClass('inactive');
        //$("#daw-hero .daw-hero-callout li:eq(" + sNum + ")").fadeIn(1000);


        $("#daw-hero .daw-hero-image li:eq(" + sNum + ")").fadeIn(2000, function() {
            //var nextNum = (sNum + 1) % 3;
            //alert(nextNum);


            prevNum = sNum;
            sNum = (sNum + 1) % 3;
            timeOutId = setTimeout(heroSlideshow, 10000);
            fading = 0;
        });


    }

    function gotoSlide(gotoindex) {
        var timeOutId2 = setTimeout(function() {
            clearTimeout(timeOutId);

            //alert(gotoindex);
            //$("#daw-hero .daw-hero-callout li").hide();
            //$("#daw-hero .daw-hero-callout li:eq(" + gotoindex + ")").show();
            $("#daw-hero .daw-hero-image li").hide();
            $("#daw-hero .daw-hero-image li:eq(" + gotoindex + ")").show();
            //prevNum = sNum;
            prevNum = gotoindex;
            sNum = (prevNum + 1) % 3;
            $("#daw-hero .daw-hero-nav li").removeClass('active');
            $("#daw-hero .daw-hero-nav li").addClass('inactive');
            $("#daw-hero .daw-hero-nav li:eq(" + gotoindex + ")").addClass('active');
            $("#daw-hero .daw-hero-nav li:eq(" + gotoindex + ")").removeClass('inactive');
            timeOutId = setTimeout(heroSlideshow, 10000);
        }, fading * 2000);
    }

    $("#daw-hero .daw-hero-nav li").click(function() {
        if (!($(this).hasClass('active'))) {
            var gotoindex = $(this).index();
            gotoSlide(gotoindex);
        }
    });

    timeOutId = setTimeout(heroSlideshow, 10000);

});