var jiffyCarousel_itemList = [
    {url: 'autoservices/signatureservice.aspx', css: 'jcarousel-signature-service', title: 'Jiffy Lube Signature Service'},
    {url: 'autoservices/acservices.aspx', css: 'jcarousel-ac-service', title: 'Air Conditioning Services'},
    {url: 'autoservices/airfiltrationservices.aspx', css: 'jcarousel-air-filtration-service', title: 'Air Filtration Services'},
    {url: 'autoservices/coolingsystemservices.aspx', css: 'jcarousel-cooling-system-service', title: 'Cooling System Service'},
    {url: 'autoservices/drivetrainservices.aspx', css: 'jcarousel-drivetrain-service', title: 'Drivetrain Services'},
    {url: 'autoservices/electricalsystemservices.aspx', css: 'jcarousel-electrical-system-service', title: 'Electrical System Services'},
    {url: 'autoservices/engineservices.aspx', css: 'jcarousel-engine-service', title: 'Engine Services'},
    {url: 'autoservices/fuelsystemservices.aspx', css: 'jcarousel-fuel-system-service', title: 'Fuel System Services'},
    {url: 'autoservices/inspectionsandemissions.aspx', css: 'jcarousel-inspectionsemission', title: 'Inspections & Emissions'},
    {url: 'autoservices/tirerotationservice.aspx', css: 'jcarousel-tire-rotation-service', title: 'Tire Rotation Service'},
    {url: 'autoservices/transmissionservices.aspx', css: 'jcarousel-transmission-service', title: 'Transmission Services'},
    {url: 'autoservices/windshieldservices.aspx', css: 'jcarousel-windshield-service', title: 'Windshield Services'}
];

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: 5,
            buttonNextHTML: null,
            buttonPrevHTML: null,
            initCallback: jiffyCarousel_initCallback,
            itemVisibleInCallback: {onBeforeAnimation: jiffyCarousel_itemVisibleInCallback}, 
            itemVisibleOutCallback: {onAfterAnimation: jiffyCarousel_itemVisibleOutCallback}
        });   
    }  
 );