/*
    ELEMENT ROTATOR
    - this function is used on the home page in order to rotate the news items in the news pods  
*/
function ElementRotator() {

    if (typeof ElementRotator._initialized == 'undefined') {//If prototype for ElementRotator has not been declared do so

        ElementRotator.prototype.init = function(obj) {//Initialize script
            //If object has not been passed in
            if (typeof obj != 'object') throw new Error('ElementRotator expects one argument of type \'object\'');
            this.params = obj;
            this.params.interval = (!this.params.interval || isNaN(this.params.interval)) ? 5000 : this.params.interval; //Interval between news items
            this.fadeDuration = 400; //Duration of the fade effect
            this.effect = 'easeInQuad';
            this.highestHeight = this.getHighestHeight();
            this.setHighestHeight();
            if (this.ok()) {
                this.prepareMarkup(); //Set up mark up before starting the rotation
                var er = this; //Keep reference to current object so that setInterval has a hold on it
                setInterval(function() { er.rotate(); }, this.params.interval); //Rotate news items
            }
        };

        ElementRotator.prototype.getHighestHeight = function() {//Returns the height of the heighest element
            var height = 0;
            $(this.params.parent).children().each(function($key, $value) {//Loop through each news item
                if (height < $(this).outerHeight()) height = $(this).outerHeight();//If height of this news item is higher than what has been assigned, swap it
            });
            return (height);
        };

        ElementRotator.prototype.setHighestHeight = function() {//Returns the height of the heighest element
            $(this.params.parent).children().css('height',this.highestHeight);
        };

        ElementRotator.prototype.rotate = function() {//Manages the rotating effect of the elements
            var top = parseInt($(this.params.parent).position().top) - (this.highestHeight);
            $(this.params.parent).animate({
                top: top
            }, this.fadeDuration, this.effect, function() {
                var li = $(this).find('li:first').detach();
                $(this).css('top', 0);
                li.appendTo($(this));
            });
        };

        ElementRotator.prototype.next = function() {//Manages the rotating effect of the elements

        };

        ElementRotator.prototype.ok = function() {//Manages the rotating effect of the elements
            return ($(this.params.parent).children().length > 1);
        };

        ElementRotator.prototype.prepareMarkup = function() {//Formats the markup prior to rotation
            var er = this;
            $(this.params.parent).parent().css({//Set the height of the parent element
                height: this.highestHeight,
                overflow: 'hidden'
            });


        };
        
    }
    ElementRotator._initialized = true;//Set _initialized to true in order to avoid multiple prototype declarations
    this.init(arguments[0]);//Initialize
}

$(document).ready(function() {//when document is ready
       
    var obj = {
        parent: '.news-items',//clas name of news items parent
        bkgColor: '#CFE3D8',//background color of news items used for the fade effect
        interval: 10000//Time interval for news items rotation
    };
    var rotator = new ElementRotator(obj);//Start rotation script
    

    

});