//Photo variable comes from the theme.tpl file
jQuery(document).ready(function() {
    jQuery('#filmstrip_bottom').jcarousel({
        // Uncomment the following option if you want items
        // which are outside the visible range to be removed
        // from the DOM.
        // Useful for carousels with MANY items.

        // itemVisibleOutCallback: {onAfterAnimation: function(carousel, item, i, state, evt) { carousel.remove(i); }},
    	start: current_photo,
    	size:total_photos,
        itemLoadCallback: mycarousel_itemLoadCallback
    });
});


function mycarousel_itemLoadCallback(carousel, state)
{
    // Check if the requested items already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }
    mycarousel_itemId = jQuery('input[@type=text]', carousel.container).val();
    
    jQuery.get(
        '/dynamic_ajax_php.php',
        {
            first: carousel.first,
        	last: carousel.last,
            g2_itemId: mycarousel_itemId
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
};

function mycarousel_itemAddCallback(carousel, first, last, xml)
{
    // Set the size of the carousel
    carousel.size(parseInt(jQuery('total', xml).text()));
    $(xml).find("image").each(function(i)
	{
	  carousel.add(first + i, mycarousel_getItemHTML($(this).find("url").text(),$(this).find("link").text()));
	});
//    jQuery('image', xml).each(function(i) {
//        carousel.add(first + i, mycarousel_getItemHTML(jQuery(this).text()));
//    });
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(url, link)
{
    return '<a href="'+link+'"><img src="' + url + '" width="55" height="55" alt="" /></a>';
};