var syntyneet_offset = 3;
var syntyneet_prevclicked = 0;
var kastetut_offset = 3;
var kastetut_prevclicked = 0;

function mycarousel_syntyneetLoadCallback(carousel, state)
{
	mycarousel_itemLoadCallback(carousel, state, true, '/jcarousel/syntyneet.php');
}

function mycarousel_kastetutLoadCallback(carousel, state)
{
	mycarousel_itemLoadCallback(carousel, state, false, '/jcarousel/kastetut.php');
}

function mycarousel_itemLoadCallback(carousel, state, syntyneet, url)
{
    // Since we get all URLs in one file, we simply add all items
    // at once and set the size accordingly.
    if (state == 'init')
    {
			jQuery.get(url, function(data) {
        mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, data);
    	});
			carousel.size(9);
		}
		else if (state == 'next')
		{
			if ((syntyneet && !syntyneet_prevclicked) || (!syntyneet && !kastetut_prevclicked)) 
			{
				if (syntyneet)
				{
					syntyneet_offset += 3;
					jQuery.get(url + '?offset=' + syntyneet_offset, function(data) {
  	      			mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, data, syntyneet_offset);
    			});
					carousel.size(9 + syntyneet_offset);
				}
				else
				{
					kastetut_offset += 3;
					jQuery.get(url + '?offset=' + kastetut_offset, function(data) {
  	      			mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, data, kastetut_offset);
    			});
					carousel.size(9 + kastetut_offset);
				}
			}
			else
			{
				if (syntyneet)
					syntyneet_prevclicked = syntyneet_prevclicked - 1;
				else
					kastetut_prevclicked = kastetut_prevclicked - 1;
			}
		}
		else if (state == 'prev')
		{
			if (syntyneet)
				syntyneet_prevclicked = syntyneet_prevclicked + 1;
			else
				kastetut_prevclicked = kastetut_prevclicked + 1;
		}
};

function mycarousel_itemAddCallback(carousel, first, last, data, offset)
{//alert(data);
    // Simply add all items at once and set the size accordingly.
    var items = data.split('|');
		var start = 0;
		if (first > 1)
			start = offset;
    for (i = 0; i < items.length; i++) {
				var itemText = items[i];
				var item = jQuery(itemText).get(0);
				tb_init(item);
				carousel.add(start + i, item);
    }
};

jQuery(document).ready(function() {
    jQuery('#syntyneet_karuselli').jcarousel({
        itemLoadCallback: {onBeforeAnimation: mycarousel_syntyneetLoadCallback}
    });
		jQuery('#kastetut_karuselli').jcarousel({
        itemLoadCallback: {onBeforeAnimation: mycarousel_kastetutLoadCallback}
    });
});