$(document).ready(function () {
    StartProgram();
    StartActivity();
});

//*** Program ***//
function StartProgram() {
    var currentPosition = 0;
    var slideWidth = 590;
    var slides = $('.HomeSlide');
    var numberOfSlides = slides.length;
    var myTimeout;
    var myTimeoutInterval = 7000;

    // Remove scrollbar in JS
    $('#HomeSlidesContainer').css('overflow', 'hidden');

    // Wrap all .slides with #slideInner div
    slides.wrapAll('<div id="slideInner"></div>')

    // Float left to display horizontally, readjust .slides width
	.css({
	    'float': 'left',
	    'width': slideWidth
	});

    // Set #slideInner width equal to total width of all slides
    $('#slideInner').css('width', slideWidth * numberOfSlides);

    $('.HomeSlideShowControlItem').css({ opacity: .5 });
    $('.HomeSlideShowControlItem:first').css({ opacity: 1 });

    $('.HomeSlideShowControlItem').mouseenter(function (e) {
        currentPosition = $(this).index();
        if (myTimeout) clearTimeout(myTimeout);
        ShowProgram();
    });

    myTimeout = setTimeout(GetNextProgram, myTimeoutInterval);
    function GetNextProgram() {
        currentPosition += 1;
        if (currentPosition > $('.HomeSlideShowControlItem:last').index()) { currentPosition = 0; }

        ShowProgram();
        myTimeout = setTimeout(GetNextProgram, myTimeoutInterval);
    }

    function ShowProgram() {
        $('.HomeSlideShowControlItem').css({ opacity: .5 });
        $('.HomeSlideShowControlItem:eq(' + currentPosition + ')').css({ opacity: 1 });

        $('#slideInner').animate({
            'marginLeft': slideWidth * (-currentPosition)
        }, { queue: false });
    } 
}

//*** Activity ***//
function StartActivity() {
    var div = $('div.HomeActivity');
	var ul = $('ul.HomeActivity');

    var divHeight = div.height();
    var lastLi = ul.find('li:last-child');

    div.css({ overflow: 'hidden' });

    //*** Mouse Scroll
    div.mousemove(function (e) {
        var ulHeight = lastLi[0].offsetTop + lastLi.outerHeight();
        var top = ((e.pageY - div.offset().top) * (ulHeight - divHeight) / divHeight) + 20;

        div.scrollTop(top);
    });

    //*** Hover efect
    $('li').mouseenter(function () {
        $(this).css('background-color', '#ffc81b');
    });

    $('li').mouseleave(function () {
        $(this).css('background-color', '');
    });

    //*** Start Position
    var weekDay = new Date().getDay() - 1;
    if (weekDay < 0) { weekDay = 6; }
    var todayLi = ul.find('li.WeekDay:eq(' + weekDay + ')');
    div.scrollTop(todayLi[0].offsetTop + 20);
}