// JavaScript Document

var mycarousel_itemList = [
    {url: "images/logoslider/billabong.jpg", url2: "#", title: "Billabong at Kitty Hawk Surf"},
    {url: "images/logoslider/oneill.jpg", url2: "#", title: "Oneill at Kitty Hawk Surf"},
    {url: "images/logoslider/patagonia.jpg", url2: "#", title: "Patagonia at Kitty Hawk Surf"},
    {url: "images/logoslider/quiksilver.jpg", url2: "#", title: "Quiksilver at Kitty Hawk Surf"},
    {url: "images/logoslider/roxy.jpg", url2: "#", title: "Roxy at Kitty Hawk Surf"},
    {url: "images/logoslider/thenorthface.jpg", url2: "#", title: "The North Face  at Kitty Hawk Surf"},
    {url: "images/logoslider/volcom.jpg", url2: "#", title: "Volcom  at Kitty Hawk Surf"},
    {url: "images/logoslider/carlisle.jpg", url2: "#", title: "Carlisle at Kitty Hawk Surf"},
    {url: "images/logoslider/extrasport.jpg", url2: "#", title: "Extrasport at Kitty Hawk Surf"},
    {url: "images/logoslider/neckykayaks.jpg", url2: "#", title: "Necky Kayaks at Kitty Hawk Surf"},
	{url: "images/logoslider/oceankayak.jpg", url2: "#", title: "Ocean Kayak at Kitty Hawk Surf"},
	{url: "images/logoslider/oldtown.jpg", url2: "#", title: "Old Town at Kitty Hawk Surf"}
];

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

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

};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        size: mycarousel_itemList.length,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
    });
});