// JScript File
var mycarousel_itemList = [
    {url: 'http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg', title: 'Flower1', link: 'http://217.168.150.154/order/Design.aspx?PicNameID=1'},
    {url: 'http://static.flickr.com/75/199481072_b4a0d09597_s.jpg', title: 'Flower2', link: 'http://217.168.150.154/order/Design.aspx?PicNameID=2'},
    {url: 'http://static.flickr.com/57/199481087_33ae73a8de_s.jpg', title: 'Flower3', link: 'http://217.168.150.154/order/Design.aspx?PicNameID=3'},
    {url: 'http://static.flickr.com/77/199481108_4359e6b971_s.jpg', title: 'Flower4', link: 'http://217.168.150.154/order/Design.aspx?PicNameID=4'},
    {url: 'http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg', title: 'Flower5', link: 'http://217.168.150.154/order/Design.aspx?PicNameID=5'},
    {url: 'http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg', title: 'Flower6', link: 'http://217.168.150.154/order/Design.aspx?PicNameID=6'},
    {url: 'http://static.flickr.com/58/199481218_264ce20da0_s.jpg', title: 'Flower7', link: 'http://217.168.150.154/order/Design.aspx?PicNameID=7'},
    {url: 'http://static.flickr.com/69/199481255_fdfe885f87_s.jpg', title: 'Flower8', link: 'http://217.168.150.154/order/Design.aspx?PicNameID=8'},
    {url: 'http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg', title: 'Flower9', link: 'http://217.168.150.154/order/Design.aspx?PicNameID=9'},
    {url: 'http://static.flickr.com/70/229228324_08223b70fa_s.jpg', title: 'Flower10', link: 'http://217.168.150.154/order/Design.aspx?PicNameID=10'}
];

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
    // The index() method calculates the index from a
    // given index who is out of the actual item range.
    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_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.link + '"><img src="' + item.url + '" width="75" height="75" alt="' + item.title + '" /></a>';
};

jQuery(document).ready(function() {
    eval_Login = "$('#mycarousel').html('');jQuery('#mycarousel').jcarousel({auto: 1.5,visible: 8,wrap: 'circular',initCallback: mycarousel_initCallback,itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}});";
    jQuery('#mycarousel').jcarousel({
        auto: 1.5,
        visible: 8,
        wrap: 'circular',
        initCallback: mycarousel_initCallback,
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}        
    });
});




function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};