var mycarousel_itemList = [
    {url: 'http://wordpress.xs1.nl/vergelijkadsl/wp-content/themes/wprs/js/images/kpn.gif', title: 'kpn', link: '/kpn//'},
    {url: 'http://wordpress.xs1.nl/vergelijkadsl/wp-content/themes/wprs/js/images/upc.gif', title: 'upc', link: '/upc/'},
    {url: 'http://wordpress.xs1.nl/vergelijkadsl/wp-content/themes/wprs/js/images/alice.gif', title: 'alice', link: '/alice/'},
    {url: 'http://wordpress.xs1.nl/vergelijkadsl/wp-content/themes/wprs/js/images/het-net.gif', title: 'het-net', link: '/het-net/'},
    {url: 'http://wordpress.xs1.nl/vergelijkadsl/wp-content/themes/wprs/js/images/xs4all.gif', title: 'xs4all', link: '/xs4all/'},
    {url: 'http://wordpress.xs1.nl/vergelijkadsl/wp-content/themes/wprs/js/images/tele2.gif', title: 'tele2', link: '/tele2/'},
    {url: 'http://wordpress.xs1.nl/vergelijkadsl/wp-content/themes/wprs/js/images/telfort.gif', title: 'telfort', link: '/telfort/'},
    {url: 'http://wordpress.xs1.nl/vergelijkadsl/wp-content/themes/wprs/js/images/ziggo.gif', title: 'ziggo', link: '/ziggo/'},
    {url: 'http://wordpress.xs1.nl/vergelijkadsl/wp-content/themes/wprs/js/images/online.gif', title: 'online', link: '/online/'},
  
    //{url: 'http://wordpress.xs1.nl/vergelijkadsl/wp-content/themes/wprs/js/images/vodafone.gif', title: 'Vodafone', link: '/vodafone/'}
];

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt){
    // The index() method calculates the index from a
    // given index who is out of the actual item range.
    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 '<div style="position:absolute; bottom:10px; width:150px; text-align:center;"><a href="'+item.link+'"><img src="' + item.url + '" alt="' + item.title + '" style="border:none;" /></a></div>';
};

jQuery(document).ready(function() {
	setTimeout("startCarousel();", 500);
    
});


function startCarousel(){
	jQuery('#mycarousel').jcarousel({
        wrap: 'circular',
        auto: 1,
        scroll: 1,
        easing: 'linear',
        animation: 10000,
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
}