/**
#  * 2010 Dennis Jamin (http://www.websight.nl)
*/

var logoScroller =
{
    scroll : function(imageUl)
    {
        if (logoScroller.counter == logoScroller.childCount)
        {
            $(imageUl).children('li:first').children('img').css('display', 'block').addClass('active');
            imageUl.css('top', '0px');
            logoScroller.currentTop = 0;
            logoScroller.counter = 1;
        }

        if (typeof logoScroller.currentTop == 'undefined')
        {
            logoScroller.currentTop = 0 - imageUl.height() / logoScroller.childCount;
        }
        else
        {
            logoScroller.currentTop = logoScroller.currentTop - (imageUl.height() / logoScroller.childCount);
        }

        imageUl.animate({top: logoScroller.currentTop}, 1000);

        
        logoScroller.activeLi = $('li img.active', imageUl);
        logoScroller.activeLi.fadeOut(650);
        logoScroller.activeLi.removeClass('active');

        logoScroller.activeLi = logoScroller.activeLi.parent().next().children('img');
        logoScroller.activeLi.fadeIn(1700);
        logoScroller.activeLi.addClass('active');

        logoScroller.counter++;
    },

    initStyling : function(imageUl)
    {
        imageUl.children('li:first').children('img').addClass('active');
        imageUl.children('li:not(:first)').children('img').css('display', 'none');

        var imageContainer = imageUl.parent();
        imageContainer.css('height', '135px').css('overflow', 'hidden').css('position', 'relative');

        imageUl.css('position', 'relative');
        imageUl.children('li').css('height', '130px').css('list-style-type', 'none');
        imageUl.children('li').children('img').css('margin', '0 auto');

        // When first image has been loaded, start vertically alligning the images
        // (without the first image being loaded, the browser will not know it's height.
        $(window).load(function() {
            $(imageUl).parent().css('display', 'block');
            $('img', imageUl).each(function(){
                $(this).css('paddingTop', 65 - ($(this).height() / 2));
            })
        })
    }
}

jQuery.fn.makelogoscroller = function(){
    this.css('display', 'none');
    var imageUl = jQuery('ul', this);
    var iImages = 0;

    logoScroller.initStyling(imageUl);

    logoScroller.childCount = imageUl.children().size();
    logoScroller.counter = 1;

    jQuery.timer(2000, function(timer){
        logoScroller.scroll(imageUl);
    });
}