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

var mycarousel_itemList = [
    {url: "images/kitchen-cherry/cherry1_s.jpg", title: ""},
   	{url: "images/kitchen-cherry/cherry2_s.jpg", title: ""},
   	{url: "images/kitchen-cherry/cherry3_s.jpg", title: ""},
   	{url: "images/kitchen-cherry/cherry4_s.jpg", title: ""},
   	{url: "images/kitchen-cherry/cherry5_s.jpg", title: ""},
   	{url: "images/kitchen-cherry/cherry6_s.jpg", title: ""},
   	{url: "images/kitchen-cherry/cherry7_s.jpg", title: ""},
   	{url: "images/kitchen-cherry/cherry8_s.jpg", title: ""},
   	{url: "images/kitchen-cherry/cherry9_s.jpg", title: ""}
];

var mycarousel_itemList2 = [
	{url: "images/kitchen-hickory/hickory1_s.jpg", title:""},
	{url: "images/kitchen-hickory/hickory2_s.jpg", title:""},
	{url: "images/kitchen-hickory/hickory3_s.jpg", title:""},
	{url: "images/kitchen-hickory/hickory4_s.jpg", title:""},
	{url: "images/kitchen-hickory/hickory5_s.jpg", title:""},
	{url: "images/kitchen-hickory/hickory6_s.jpg", title:""},
	{url: "images/kitchen-hickory/hickory7_s.jpg", title:""}
];
var mycarousel_itemList3 = [
	{url: "images/kitchen-maple/maple1_s.jpg", title:""},
	{url: "images/kitchen-maple/maple2_s.jpg", title:""},
	{url: "images/kitchen-maple/maple3_s.jpg", title:""},
	{url: "images/kitchen-maple/maple4_s.jpg", title:""},
	{url: "images/kitchen-maple/maple5_s.jpg", title:""},
	{url: "images/kitchen-maple/maple6_s.jpg", title:""}
];
var mycarousel_itemList4 = [
	{url: "images/kitchen-oak/oak1_s.jpg", title:""},
	{url: "images/kitchen-oak/oak2_s.jpg", title:""},
	{url: "images/kitchen-oak/oak3_s.jpg", title:""},
	{url: "images/kitchen-oak/oak4_s.jpg", title:""}
];
var mycarousel_itemList5 = [
	{url: "images/other-bath/bath1_s.jpg", title:""},
	{url: "images/other-bath/bath2_s.jpg", title:""},
	{url: "images/other-bath/bath3_s.jpg", title:""},
	{url: "images/other-bath/bath4_s.jpg", title:""},
	{url: "images/other-bath/bath5_s.jpg", title:""},
	{url: "images/other-bath/bath6_s.jpg", title:""}
];
var mycarousel_itemList6 = [
	{url: "images/other-misc/misc1_s.jpg", title:""},
	{url: "images/other-misc/misc2_s.jpg", title:""},
	{url: "images/other-misc/misc3_s.jpg", title:""},
	{url: "images/other-misc/misc4_s.jpg", title:""},
	{url: "images/other-misc/misc5_s.jpg", title:""},
	{url: "images/other-misc/misc6_s.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);
    }
};

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="75" height="75" border="0" alt="' + item.title + '" /></a>';
};
function mycarousel_itemLoadCallback2(carousel, state)
{
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }
        if (i > mycarousel_itemList2.length) {
            break;
        }
        // Create an object from HTML
        var item = jQuery(mycarousel_getItemHTML2(mycarousel_itemList2[i-1])).get(0);
        // Apply thickbox
        tb_init(item);
        carousel.add(i, item);
    }
};

function mycarousel_getItemHTML2(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="75" height="75" border="0" alt="' + item.title + '" /></a>';
};
/*--carousel3--*/
function mycarousel_itemLoadCallback3(carousel, state)
{
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }
        if (i > mycarousel_itemList3.length) {
            break;
        }
        // Create an object from HTML
        var item = jQuery(mycarousel_getItemHTML3(mycarousel_itemList3[i-1])).get(0);
        // Apply thickbox
        tb_init(item);
        carousel.add(i, item);
    }
};
function mycarousel_getItemHTML3(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="75" height="75" border="0" alt="' + item.title + '" /></a>';
};
/*--carousel 4--*/
function mycarousel_itemLoadCallback4(carousel, state)
{
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }
        if (i > mycarousel_itemList4.length) {
            break;
        }
        // Create an object from HTML
        var item = jQuery(mycarousel_getItemHTML4(mycarousel_itemList4[i-1])).get(0);
        // Apply thickbox
        tb_init(item);
        carousel.add(i, item);
    }
};

function mycarousel_getItemHTML4(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="75" height="75" border="0" alt="' + item.title + '" /></a>';
};
/*--carousel 5--*/
function mycarousel_itemLoadCallback5(carousel, state)
{
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }
        if (i > mycarousel_itemList5.length) {
            break;
        }
        // Create an object from HTML
        var item = jQuery(mycarousel_getItemHTML5(mycarousel_itemList5[i-1])).get(0);
        // Apply thickbox
        tb_init(item);
        carousel.add(i, item);
    }
};

function mycarousel_getItemHTML5(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="75" height="75" border="0" alt="' + item.title + '" /></a>';
};
/*--carousel 6--*/
function mycarousel_itemLoadCallback6(carousel, state)
{
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }
        if (i > mycarousel_itemList6.length) {
            break;
        }
        // Create an object from HTML
        var item = jQuery(mycarousel_getItemHTML6(mycarousel_itemList6[i-1])).get(0);
        // Apply thickbox
        tb_init(item);
        carousel.add(i, item);
    }
};

function mycarousel_getItemHTML6(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="75" height="75" border="0" alt="' + item.title + '" /></a>';
};

jQuery(document).ready(function() {
    jQuery('#cherry').jcarousel({
        size: mycarousel_itemList.length,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
    });
    jQuery('#hickory').jcarousel({
        size: mycarousel_itemList2.length,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback2}
    });
    jQuery('#maple').jcarousel({
        size: mycarousel_itemList3.length,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback3}
    });
    jQuery('#oak').jcarousel({
        size: mycarousel_itemList4.length,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback4}
    });
    jQuery('#bath').jcarousel({
        size: mycarousel_itemList5.length,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback5}
    });
    jQuery('#misc').jcarousel({
        size: mycarousel_itemList6.length,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback6}
    });
});