jQuery(function($) {

    var timer;

    function startAni(id) {
        $("#item" + id).css({ 'display': 'block' });
        $("#item" + id + " .centralImageMainBG").fadeTo(3000, .6, 'easeInSine');

        $("#item" + id + " .centralTaglineBlur").css({ 'text-shadow': '0px 0px 15px #006' }).fadeIn(3000, 'easeInSine');

        $("#item" + id + " .centralHeadlineBlur").css({ 'text-shadow': '0px 0px 15px #fff' }).fadeIn(5000, 'easeInSine');
        setTimeout(function() {
            jQuery(frameThree(id));
        }, 2000);

    }

    function frameThree(id) {
        $("#item" + id + " .centralImageMain").fadeIn(2000, 'easeInSine');
        $("#item" + id + " .centralImageMainBG").fadeOut(2000, 'easeOutSine');

        $("#item" + id + " .centralTagline").fadeIn(2000, 'easeInSine');

        $("#item" + id + " .centralTaglineBlur").fadeOut(1800, 'easeOutSine');

        setTimeout(function() {
            jQuery(frameFour(id));
        }, 1000);

    }


    function frameFour(id) {

        $("#item" + id + " .centralHeadline").fadeIn(2000, 'easeInSine');

        $("#item" + id + " .centralHeadlineBlur").fadeOut(1800, 'easeOutSine');

        setTimeout(function() {
            jQuery(frameFive(id));
        }, 1000);

}

    function frameFive(id) {

        $("#item" + id + " .centralDescBlur").css({ 'text-shadow': '0px 0px 15px #fff' }).fadeIn(4000, 'easeInSine');

        $("#item" + id + " .centralImageSecondary").fadeIn(5000, 'easeInSine');
       
        $("#item" + id + " .centralDesc").fadeIn(3000, 'easeInSine');

        $("#item" + id + " .centralDescBlur").fadeOut(1800, 'easeOutSine');
        
        setTimeout(function() {
            jQuery(transition(id));
        }, 9000);

}


    function transition(id) {
        var $items = $("#spotlightpic").children();
        $("#item" + id).fadeOut(3000, 'easeOutSine');
        $("#item" + id).children().fadeOut(3000, 'easeOutSine');

        if ($("#spotlightpic").children().length == id)
            id = 1;
        else
            id++;

        startAni(id);


    }

    // grab all immediate children div's of #spotlightpic
    // loop through the children div's performing these functions

    var $rnd = Math.floor(Math.random() * ($("#spotlightpic").children().length)) + 1;
    startAni($rnd);



});
