var mycarousel_itemList = [
    {url: 'formgif_klein/fb 03k.gif', title: 'FB 03 | Verlofbriefje code V', FB: 'F02003'},
    {url: 'formgif_klein/fb 04k.gif', title: 'FB 04 | Slipbon code N ', FB: 'F02004'},
    {url: 'formgif_klein/fb 05k.gif', title: 'FB 05 | Barbon code B', FB: 'F02005'},
    {url: 'formgif_klein/fb 06k.gif', title: 'FB 06 | Restaurantbon code R', FB: 'F02006'},
    {url: 'formgif_klein/fb 07k.gif', title: 'FB 07 | Order/bestelbon', FB: 'F02007'},
	{url: 'formgif_klein/fb 08k.gif', title: 'FB 08 | Rekeningbon', FB: 'F02008'},
	{url: 'formgif_klein/fb 09k.gif', title: 'FB 09 | Tafelbon', FB: 'F02009'},
	{url: 'formgif_klein/fb 10k.gif', title: 'FB 10 | Kassabon', FB: 'F02010'},
	{url: 'formgif_klein/fb 11k.gif', title: 'FB 11 | Order/bestelbon', FB: 'F02011'},
	{url: 'formgif_klein/fb 12k.gif', title: 'FB 12 | Kassabon', FB: 'F02012'},
	{url: 'formgif_klein/fb 13k.gif', title: 'FB 13 | Kassabon', FB: 'F02013'},
	{url: 'formgif_klein/fb 14k.gif', title: 'FB 14 | Kassabon', FB: 'F02014'},
	{url: 'formgif_klein/fb 15k.gif', title: 'FB 15 | Order/bestelbon', FB: 'F02015'},
	{url: 'formgif_klein/fb 16k.gif', title: 'FB 16 | Rekeningbon', FB: 'F02016'},
	{url: 'formgif_klein/fb 17k.gif', title: 'FB 17 | Kwitantiebon', FB: 'F02017'},
	{url: 'formgif_klein/fb 18k.gif', title: 'FB 18 | Bezoekrapport/telefoonnotitie', FB: 'F02018'},
	{url: 'formgif_klein/fb 19k.gif', title: 'FB 19 | Bezoekrapport/telefoonnotitie', FB: 'F02019'},
	{url: 'formgif_klein/fb 20k.gif', title: 'FB 20 | Rekeningbon', FB: 'F02020'},
	{url: 'formgif_klein/fb 21k.gif', title: 'FB 21 | Barbon', FB: 'F02021'},
	{url: 'formgif_klein/fb 22k.gif', title: 'FB 22 | Bloemenbon', FB: 'F02022'},
	{url: 'formgif_klein/fb 24k.gif', title: 'FB 24 | Ruitjesbon', FB: 'F02024'},
	{url: 'formgif_klein/fb 25k.gif', title: 'FB 25 | Ruitjesbon', FB: 'F02025'},
	{url: 'formgif_klein/fb 26k.gif', title: 'FB 26 | Lijntjesbon', FB: 'F02026'},
	{url: 'formgif_klein/fb 27k.gif', title: 'FB 27 | Lijntjesbon', FB: 'F02027'},
	{url: 'formgif_klein/fb 28k.gif', title: 'FB 28 | Blanco bon', FB: 'F02028'},
	{url: 'formgif_klein/fb 29k.gif', title: 'FB 29 | Blanco bon', FB: 'F02029'},
	{url: 'formgif_klein/fb 30k.gif', title: 'FB 30 | Lijntjesbon', FB: 'F02030'},
	{url: 'formgif_klein/fb 31k.gif', title: 'FB 31 | Keukenbon', FB: 'F02031'},
	{url: 'formgif_klein/fb 32k.gif', title: 'FB 32 | Servicerapport', FB: 'F02032'},
	{url: 'formgif_klein/fb 33k.gif', title: 'FB 33 | Tafelbon', FB: 'F02033'},
	{url: 'formgif_klein/fb 34k.gif', title: 'FB 34 | Benzinebon', FB: 'F02034'},
	{url: 'formgif_klein/fb 35k.gif', title: 'FB 35 | Lijntjesbon', FB: 'F02035'},
	{url: 'formgif_klein/fb 36k.gif', title: 'FB 36 | Memobon', FB: 'F02036'},
	{url: 'formgif_klein/fb 37k.gif', title: 'FB 37 | Memobon', FB: 'F02037'},
	{url: 'formgif_klein/fb 38k.gif', title: 'FB 38 | Memobon', FB: 'F02038'},
	{url: 'formgif_klein/fb 40k.gif', title: 'FB 40 | Restaurantbon', FB: 'F02040'},
	{url: 'formgif_klein/fb 41k.gif', title: 'FB 41 | Hotel/logementbon', FB: 'F02041'},
	{url: 'formgif_klein/fb 42k.gif', title: 'FB 42 | Reserveringsbon', FB: 'F02042'},
	{url: 'formgif_klein/fb 43k.gif', title: 'FB 43 | Dagrapport', FB: 'F02043'},
	{url: 'formgif_klein/fb 44k.gif', title: 'FB 44 | Rekeningbon', FB: 'F02044'},
	{url: 'formgif_klein/fb 45k.gif', title: 'FB 45 | Reparatiebon', FB: 'F02045'},
	{url: 'formgif_klein/fb 46k.gif', title: 'FB 46 | Dagrapport', FB: 'F02046'},
	{url: 'formgif_klein/fb 47k.gif', title: 'FB 47 | Reparatieopdracht', FB: 'F02047'},
	{url: 'formgif_klein/fb 49k.gif', title: 'FB 49 | Verhuurbon', FB: 'F02049'},
	{url: 'formgif_klein/fb 50k.gif', title: 'FB 50 | Rekeningbon', FB: 'F02003'},
	{url: 'formgif_klein/fb 101k.gif', title: 'FB 101 | Materiaalafgiftebon', FB: 'F02003'},
	{url: 'formgif_klein/fb 102k.gif', title: 'FB 102 | Materiaalontvangstbon', FB: 'F02003'},
	{url: 'formgif_klein/fb 103k.gif', title: 'FB 103 | Lijntjesbon', FB: 'F02003'},
	{url: 'formgif_klein/fb 105k.gif', title: 'FB 105 | Werkbrief', FB: 'F02003'},
	{url: 'formgif_klein/fb 106k.gif', title: 'FB 106 | Bloemenbon', FB: 'F02003'},
	{url: 'formgif_klein/fb 111k.gif', title: 'FB 111 | Blanco bon', FB: 'F02003'}
];

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);
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
    return '<a href="' + item.FB + '"><img src="' + item.url + '" width="100px" height="100%" alt="' + item.title + '" title="' + item.title + '" border="0" /></a>';
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        wrap: 'circular',
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
});

jQuery(document).ready(function() {
    // Initialise the first and second carousel by class selector.
	// Note that they use both the same configuration options (none in this case).
	jQuery('.first-and-second-carousel').jcarousel();
	
	// If you want to use a caoursel with different configuration options,
	// you have to initialise it seperately.
	// We do it by an id selector here.
	jQuery('#third-carousel').jcarousel({
        vertical: true
    });
});