// Rotation Script 
                      
$(document).ready(function(){

        $("#flags").jcarousel({
            scroll: 1,
            visible: 1,
            wrap: "circular",
            auto: 5,
            animation: 900,
            itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
            itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback},
            buttonNextHTML: null,
            buttonPrevHTML: null
        });     
});
 
var mycarousel_itemList = [
{url: 'http://localhost/DT_PUBLIC_WC/App_Themes/WC/images/headerfiles/Flags_header_rotate_1.png' },
{url: 'http://localhost/DT_PUBLIC_WC/App_Themes/WC/images/headerfiles/Flags_header_rotate_2.png' }
]; 

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt) {
    var idx = carousel.index(i, mycarousel_itemList.length);
    carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
}; 

function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt) {
    carousel.remove(i);
}; 

function mycarousel_getItemHTML(item) {
    return '<a href="Registration/packageselection.aspx"><img src="' + item.url + '" /></a>';
    
};