var mycarousel_tags = '';
var total;
 
function mycarousel_initCallback(carousel, state)
{
    // Do nothing of state is 'reset'
    if (state == 'reset')
        return;
 
    jQuery('form', carousel.container)
    .bind('submit', function(e) {
        mycarousel_tags = jQuery('input[@type=text]', carousel.container).val();
        carousel.reset();
        return false;
    });
};
 
function mycarousel_itemLoadCallback(carousel, state)
{
    // Only load items if they don't already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }
 
    jQuery.get(
        'json/galleryData.aspx',
        {
            tags: mycarousel_tags
        },
        function(data) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, data);
        },
        'json'
    );
};
 
 
/**
 * Decodes entites.
 */
function mycarousel_decodeEntities(s)
{
    return s.replace(/&/g,  "&")
            .replace(/"/g, '"')
            .replace(/'/g, "'")
            .replace(/&lt;/g,   "<")
            .replace(/&gt;/g,   ">");
};
 
function mycarousel_itemAddCallback(carousel, first, last, data)
{
    if (first == 1) {
        var plural = data.length == 1 ? '' : 's';
        jQuery('.results', carousel.container).html(data.length + ' photo' + plural + ' found');
 
        // Set size
        if (data.length == 0) {
            // Add a "no results" feedback as first item if data is empty
            carousel.size(1);
            carousel.add(1, '<p>No results</p>');
            return;
        } else {
            carousel.size(data.length);
        }
    }
 
    for (var i = first; i <= last; i++) {
        if (data[i - 1] == undefined) {
            break;
        }
 
        carousel.add(i, mycarousel_decodeEntities(data[i - 1].description));
    }
    var total = carousel.size(data.length);
};
 
/**
 * This function is needed for the flickr feed.
 */
function jsonFlickrFeed(o)
{
    return o.items;
};

jQuery(document).ready(function() {
	var randomNum = Math.floor(Math.random()*56);
    jQuery('#mycarousel').jcarousel({
		wrap: 'both',
        scroll: 3,
        initCallback: mycarousel_initCallback,
        itemLoadCallback: {
			onAfterAnimation: mycarousel_itemLoadCallback
			},
		start: randomNum,
		size: 56
    });
});