var currentHour;

$(document).ready(function () {

    SetHomePageDisplayByTimeOfDayNative();
    ProcessHomePage();

    $('#easelDisplay').show();
});

function ProcessHomePage() {

    var home = $('#all');
    var easel = $('#easelDisplay');
    var homeLoader = $('.homeLoader');
    
    $(window).load(function () {

        home.hide();

        easel.cycle({
            speed: 5,
            timeout: 2500
        });

        home.show();
        homeLoader.hide();
        $(window).scrollTop(80);
    });
}

// get the local time and set the home page div background according to daytime / night time
function SetHomePageDisplayByTimeOfDayJson() {

    $.ajax(
    {
        async: true,
        url: 'http://localhost:51155/jsontime/jsontimenow',
        //url: 'http://blackgoose.co.uk/jsontime/jsontimenow',
        //url: 'http://json-time.appspot.com/time.json?tz=America/Chicago',
        dataType: 'json',
        error: function (obj, text, error) {
            alert(obj + ' ' + text + ' ' + error);
        },

        success: function (data) {
            SetHomePageDisplayElements(data.CurrentHour);
        }
    });
}

// cheat
function SetHomePageDisplayByTimeOfDayNative() {

    var date = new Date();
    SetHomePageDisplayElements(date.toTimeString().split(':')[0]);
}

function SetHomePageDisplayElements(hour) {

    var all = $('#all');
    var studioNavItem = $('#studioNavItem');
    var animationsNavItem = $('#animationsNavItem');
    var commissionsNavItem = $('#commissionsNavItem');
    var loginNavItem = $('#loginNavItem');
    var galleryNavItem = $('#galleryNavItem');
    var contactNavItem = $('#contactNavItem');

    // night time
    if (hour > 18 || hour < 4) {
        all.addClass('eveningAll');
        studioNavItem.addClass('studioNavItem');
        animationsNavItem.addClass('animationsNavItem');
        commissionsNavItem.addClass('commissionsNavItem');
        loginNavItem.addClass('loginNavItem');
        galleryNavItem.addClass('galleryNavItem');
        contactNavItem.addClass('contactNavItem');
    }
    // daytime
    if (hour > 6 && hour < 16) {
        all.addClass('dayAll');
        studioNavItem.addClass('studioNavItemDay');
        animationsNavItem.addClass('animationsNavItemDay');
        commissionsNavItem.addClass('commissionsNavItemDay');
        loginNavItem.addClass('loginNavItemDay');
        galleryNavItem.addClass('galleryNavItem');
        contactNavItem.addClass('contactNavItem');
    }
    // morning and dusk
    if (hour >= 4 && hour <= 6 || hour >= 16 && hour <= 18) {
        all.addClass('morningAll');
        studioNavItem.addClass('studioNavItemMorning');
        animationsNavItem.addClass('animationsNavItemMorning');
        commissionsNavItem.addClass('commissionsNavItemMorning');
        loginNavItem.addClass('loginNavItemMorning');
        galleryNavItem.addClass('galleryNavItemMorning');
        contactNavItem.addClass('contactNavItemMorning');
    }
}