// Set thickbox loading image
tb_pathToImage = "../images/loading-thickbox.gif";

var mycarousel_itemList = [
    {url: "_img/home_gallery/homepage_gallery1.jpg", title: ""},
    {url: "_img/home_gallery/homepage_gallery2.jpg", title: ""},
    {url: "_img/home_gallery/homepage_gallery3.jpg", title: ""},
    {url: "_img/home_gallery/homepage_gallery4.jpg", title: ""},
    {url: "_img/home_gallery/homepage_gallery5.jpg", title: ""},
    {url: "_img/home_gallery/homepage_gallery6.jpg", title: ""},
    {url: "_img/home_gallery/homepage_gallery7.jpg", title: ""},
    {url: "_img/home_gallery/homepage_gallery8.jpg", title: ""},
    {url: "_img/home_gallery/homepage_gallery9.jpg", title: ""},
    {url: "_img/home_gallery/homepage_gallery10.jpg", title: ""},
	{url: "_img/home_gallery/homepage_gallery11.jpg", title: ""},
    {url: "_img/home_gallery/homepage_gallery12.jpg", title: ""},
    {url: "_img/home_gallery/homepage_gallery13.jpg", title: ""},
    {url: "_img/home_gallery/homepage_gallery14.jpg", title: ""},
    {url: "_img/home_gallery/homepage_gallery15.jpg", title: ""},
    {url: "_img/home_gallery/homepage_gallery16.jpg", title: ""},
    {url: "_img/home_gallery/homepage_gallery17.jpg", title: ""}
];

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

        // Create an object from HTML
        var item = jQuery(mycarousel_getItemHTML(mycarousel_itemList[i-1])).get(0);

        // Apply thickbox
        tb_init(item);

        carousel.add(i, item);
    }
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
    var url_m = item.url.replace(/_s.jpg/g, '_m.jpg');
    return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="175" height="151" border="0" alt="' + item.title + '" /></a>';
};

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

/* jcycle function */
$(function() {
    // run the code in the markup!
    $('#s1').cycle({
    fx:    'fade',
    speed:  3500,
	timeout:  5000
 });
});