/*
*   Cycle Image
*/

var timer = 0;
var frequency = 5000; // frequency in ms

jQuery(document).ready(function() {
    jQuery('ul#cyclepics_list>li')
        .not('li:first')
            .css({
                'display': 'none'
            })
            .end()
        .filter('li:first')
            .addClass('active');
    timer = setInterval('cyclePicture();', frequency);
});

function cyclePicture() {
    var root = jQuery('ul#cyclepics_list');
    var current = jQuery('ul#cyclepics_list>li.active');
    var maxItems = jQuery('ul#cyclepics_list>li').size();
    var currItem = current.index('ul#cyclepics_list>li');
    
    var next = (currItem+1>=maxItems) ? root.children('li:first') : current.next();
    
    next.css({
        'left': 545,
        'display': 'block'
    })
    
    current.add(next).animate({
        'left': '-=545px'
    }, function() {
        current.hide();
        current.removeClass('active');
        next.addClass('active');
    });
};