var mycarousel_itemList = [
    {id: "lightbulb", loc: "/people/?id=1", name: "Phil Tomlinson"},
    {id: "mancity", loc: "/people/?id=2", name: "Richard Jackson"},
    {id: "handbag", loc: "/people/?id=3", name: "Marie Woodcock"},
	{id: "plane", loc: "/people/?id=4", name: "Chris Notley"},
    {id: "house", loc: "/people/?id=5", name: "Tarryn Gregory"},
    {id: "rugbyball", loc: "/people/?id=6", name: "Alex Hooley"},
    {id: "cocktail", loc: "/people/?id=7", name: "Alison Campbell"},
    {id: "dog", loc: "/people/?id=8", name: "Richard Seddon"},
    {id: "ebay", loc: "/people/?id=10", name: "Maria Rooney"},
	{id: "football", loc: "/people/?id=11", name: "Andy Morrison"},
	{id: "shoes", loc: "/people/?id=12", name: "Emilie Duncan"},
    {id: "snorkel", loc: "/people/?id=13", name: "Tom Bamber"},
    {id: "scum", loc: "/people/?id=14", name: "Lee Broome"},
    {id: "bmw", loc: "/people/?id=15", name: "Paul Whatmough"}
];

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
    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 '<a href="' + item.loc + '" id="' + item.id + '"><span>' + item.name + '</span></a>';
};