// JavaScript Document

// FIRST CAROUSEL ////////////////////////////////////////////////////

function mycarousel_itemLoadCallback(carousel, state)
{
    // Since we get all URLs in one file, we simply add all items
    // at once and set the size accordingly.
    if (state != 'init')
        return;

    jQuery.get('scrolling/news.txt', function(data) {
        mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, data);
    });
};

function mycarousel_itemAddCallback(carousel, first, last, data)
{
    // Simply add all items at once and set the size accordingly.
    var items = data.split('|');

    for (i = 0; i < items.length; i++) {
        carousel.add(i+1, mycarousel_getItemHTML(items[i]));
    }

    carousel.size(items.length);
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(url)
{
    return '<p>' + url + '</p>';
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        itemLoadCallback: mycarousel_itemLoadCallback,
		vertical: true,
        scroll: 1,
		auto: 1,
		wrap: "circular",
		animation: 60000

    });
});




// SECOND CAROUSEL ////////////////////////////////////////////////////

function mycarousel2_itemLoadCallback(carousel, state)
{
    // Since we get all URLs in one file, we simply add all items
    // at once and set the size accordingly.
    if (state != 'init')
        return;

    jQuery.get('scrolling/comments.txt', function(data) {
        mycarousel2_itemAddCallback(carousel, carousel.first, carousel.last, data);
    });
};

function mycarousel2_itemAddCallback(carousel, first, last, data)
{
    // Simply add all items at once and set the size accordingly.
    var items = data.split('|');

    for (i = 0; i < items.length; i++) {
        carousel.add(i+1, mycarousel2_getItemHTML(items[i]));
    }

    carousel.size(items.length);
};

/**
 * Item html creation helper.
 */
function mycarousel2_getItemHTML(url)
{
    return '<p>' + url + '</p>';
};

jQuery(document).ready(function() {
    jQuery('#mycarousel2').jcarousel({
        itemLoadCallback: mycarousel2_itemLoadCallback,
		vertical: true,
        scroll: 1,
		auto: 10,
		wrap: "circular",
		animation: 9000
    });
});