var jiffyCarousel_itemList = [
    { url: './productlisting.aspx?categoryid=14', css: 'jcarousel-special-deals', title: 'Special Deals' },
    { url: './productlisting.aspx?categoryid=46', css: 'jcarousel-hot-prices', title: 'Hot Prices' },
    { url: './productlisting.aspx?EndUse1', css: 'jcarousel-hunting-knives', title: 'Hunting Knives' },
    { url: './productlisting.aspx?EndUse5', css: 'jcarousel-everyday-knives', title: 'Everyday Knives' },
    { url: './productlisting.aspx?EndUse3', css: 'jcarousel-fishing', title: 'Fishing' },
    { url: './productlisting.aspx?EndUse2', css: 'jcarousel-collectibles', title: 'Collectibles' },
    { url: './productlisting.aspx?EndUse6', css: 'jcarousel-diving', title: 'Boating and Diving' }
];

function jiffyCarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
    var idx = carousel.index(i, jiffyCarousel_itemList.length);
    carousel.add(i, jiffyCarousel_getItemHTML(jiffyCarousel_itemList[idx - 1]));
};

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

// Item html creation helper.
function jiffyCarousel_getItemHTML(item)
{
    return '<a href="' + item.url + '" class="' + item.css + '"><em>"' + item.title + '"</em></a>';
};

function jiffyCarousel_initCallback(carousel) {
    $('#mycarousel-next').bind('click', function() {
        carousel.next();
        return false;
    });

    $('#mycarousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
};



$(document).ready(   
    function () {   
        $('#jlcarousel').jcarousel({ 
            wrap: 'circular',
            scroll: 1,
            buttonNextHTML: null,
            buttonPrevHTML: null,
            initCallback: jiffyCarousel_initCallback,
            itemVisibleInCallback: {onBeforeAnimation: jiffyCarousel_itemVisibleInCallback}, 
            itemVisibleOutCallback: {onAfterAnimation: jiffyCarousel_itemVisibleOutCallback}
        });   
    }  
 );