// Set thickbox loading image
tb_pathToImage = "../images/loading-thickbox.gif";
 
var mycarousel_itemList = [
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign7.jpg", title: "Professional Website Design - Cranberry Country Lodge"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign98.jpg", title: "Professional Website Design - Paul Owen Photography"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign10.jpg", title: "Professional Website Design - United Wisconsin"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign14.jpg", title: "Professional Website Design - Salon CTI"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign11.jpg", title: "Professional Website Design - U of Chicago"},

{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign8.jpg", title: "Professional Website Design - Phillips, Cymerman & Stein"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign18.jpg", title: "Professional Website Design - Young Child Development Center"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign19.jpg", title: "Professional Website Design - Deluxe 920 Magazine"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign13.jpg", title: "Professional Website Design - The Cutting Edge Hair & Tanning Salon"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign20.jpg", title: "Professional Website Design - Speakeasy Ultra Lounge"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign9.jpg", title: "Professional Website Design - Millstone Mountain Farm"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign17.jpg", title: "Professional Website Design - Big Brothers Big Sisters - Wausau"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign15.jpg", title: "Professional Website Design - TWD Tradewinds, INC"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign12.jpg", title: "Professional Website Design - A to Z Exteriors"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign16.jpg", title: "Professional Website Design - Shear Gardens Salon & Spa"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign6.jpg", title: "Professional Website Design - Contorno Design"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign5.jpg", title: "Professional Website Design - Sunny 97.7"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign4.jpg", title: "Professional Website Design - Brew City Singles"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign3.jpg", title: "Professional Website Design - 96.1 WTCX"},
{url: "http://www.WebNetInteractive.com/images/web_site_design_portfolio/professionalwebsitedesign2.jpg", title: "Professional Website Design - 9.5 WKTI"}
];
 
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="75" height="75" border="0" alt="' + item.title + '" /></a>';
};
 
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        size: mycarousel_itemList.length,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
    });
});