jQuery.noConflict();
jQuery(document).ready(function($){
var shorttripurl = "/scripts/shorttrips.xml";
 
$('#shortTripcarousel').jcarousel({
	 itemVisibleOutCallback: {onAfterAnimation: function(carousel, item, i, state, evt) { carousel.remove(i); }},
     itemLoadCallback: mycarousel_itemLoadCallback

	});
	 
$('#longTripcarousel').jcarousel({
	 itemVisibleOutCallback: {onAfterAnimation: function(carousel, item, i, state, evt) { carousel.remove(i); }},
     itemLoadCallback: longtrips_itemLoadCallback

	});

}); // jQuery Main Function Ends

function mycarousel_itemLoadCallback(carousel, state)
{
	// Check if the requested items already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }
    jQuery.get(
        '/scripts/getPics.php',
        {
            first: carousel.first,
            last: carousel.last,			
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
	//alert("after jQuery get");
};
function longtrips_itemLoadCallback(carousel, state)
{
	// Check if the requested items already exist
    if (carousel.has(carousel.first, carousel.last)) {
        return;
    }
    jQuery.get(
        '/scripts/getPics.php',
        {
            first: carousel.first,
            last: carousel.last,
			trip: 'longtrips'
        },
        function(xml) {
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
	//alert("after jQuery get");
};
function mycarousel_itemAddCallback(carousel, first, last, xml)
{
	//alert("in add");
    // Set the size of the carousel
	
    carousel.size(parseInt(jQuery('total', xml).text()));

    jQuery('image', xml).each(function(i) {
        carousel.add(first + i, mycarousel_getItemHTML(jQuery(this).text()));
    });
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(url)
{
    return '<a href="http://www.natura.co.in/index.php?option=com_content&view=article&id=69&Itemid=59"> <img src="/images/thumbs/' + url + '" width="75" height="75" alt="" /></a>';
};