var mycarousel_itemList = [
        { url: "/images/omintellistrip-carousel.png", title: "OM IntelliStrip" },
        { url: "/images/IntelliStripBack-carousel.png", title: "IntelliStrip" },
        { url: "/images/IntelliStrip-carousel.png", title: "IntelliStrip" },

        { url: "/images/intelliquad-carousel.png", title: "IntelliQuad" },
        { url: "/images/intelliEcoMonitor-carousel.png", title: "Intellimonitor 16a/32a" }, { url: "/images/32amp.jpg", title: "3-Phase Intellimonitor" },
        { url: "/images/santanderfront.jpg", title: "Intellicompak Front" }, { url: "/images/santander.jpg", title: "Intellicompak Rear" },
        { url: "/images/intelli3phasedualback-carousel.png", title: "Intelli 3 Phase Dual" },
        { url: "/images/intelli3phasedual-carousel.png", title: "Intelli 3 Phase Dual" },
        { url: "/images/63aintellimonitorrear-carousel.png", title: "63amp Intellimonitor" },
        { url: "/images/63aintellimonitor-carousel.png", title: "63amp Intellimonitor" }
        ];

function mycarousel_itemLoadCallback(carousel, state) {
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }

        if (i > mycarousel_itemList.length) {
            break;
        }

        carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[i - 1]));
    }
};

function mycarousel_getItemHTML(item) {
    return '<b><center>' + item.title + '</center></b><img src="' + item.url + '" width="175" height="175" alt="' + item.url + '" />';
};