'}, {url: 'http://blog.koolpartyrentals.com/wp-content/uploads/2009/08/kool-family-166x251.jpg', title: 'Kool Family', caption: 'Everyone was there for the opening -- three generations of the Weiner family!', description: 'Everyone was there for the opening -- three generations of the Weiner family!'}, {url: 'http://blog.koolpartyrentals.com/wp-content/uploads/2009/08/kool_-exterior-166x251.jpg', title: 'Kool Exterior', caption: 'Kool. San Diego is located in the artsy section of Little Italy. We renovated an existing loft-style building to fit with the neighborhood.', description: 'Kool. San Diego is located in the artsy section of Little Italy. We renovated an existing loft-style building to fit with the neighborhood.'}, {url: 'http://blog.koolpartyrentals.com/wp-content/uploads/2009/08/showroom-evening-166x251.jpg', title: 'Showroom Evening', caption: 'Because much of our inventory is based on contemporary design, we created a showroom laid out like an art gallery.', description: 'Because much of our inventory is based on contemporary design, we created a showroom laid out like an art gallery.'}, ]; function mycarousel_24_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_24.length); // crappy IE6 crappety crap var isMSIE = /*@cc_on!@*/false; if (isMSIE && idx == mycarousel_itemList_24.length) { idx = 1; i = 1; } carousel.add(i, mycarousel_24_getItemHTML(mycarousel_itemList_24[idx - 1])); }; function mycarousel_24_itemVisibleOutCallback(carousel, item, i, state, evt) { carousel.remove(i); }; /** * Item html creation helper. */ function mycarousel_24_getItemHTML(item) { return "

" + item.title + "

" + item.caption.replace(/{br}/g, '
') + "

" + item.description.replace(/{br}/g, '
') + "

"; }; /** * We use the initCallback callback * to assign functionality to the controls */ function mycarousel_24_initCallback(carousel) { jQuery('.jcarousel-control_24 a').bind('click', function() { carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text())); return false; }); jQuery('.jcarousel-scroll select').bind('change', function() { carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value); return false; }); jQuery('#mycarousel_24-next').bind('click', function() { carousel.next(); /**/ return false; }); jQuery('#mycarousel_24-prev').bind('click', function() { carousel.prev(); /**/ return false; }); jQuery('#mycarousel_24-forward').bind('click', function() { carousel.next(); return false; }); }; /** * This is the callback function which receives notification * when an item becomes the first one in the visible range. */ function mycarousel_24_itemFirstInCallback(carousel, item, idx, state) { nextItem = idx % mycarousel_itemList_24.length; nextItem = (nextItem == 0) ? mycarousel_itemList_24.length : nextItem; jQuery('.jcarousel-control_24 a').removeClass('active'); jQuery('.item'+nextItem+'_24').addClass('active'); // add forward btns on each image in its own right jQuery('#mycarousel_24 a').bind('click', function() { carousel.next(); /**/ return false; }); }; /** * Scroll thumbnails */ /*function scrollThumbnails(idx) { if (idx == mycarousel_itemList_24.length) { idx = 0; } if (idx < 0) { idx = mycarousel_itemList_24.length + idx; } jQuery('#header').html(idx); // scroll to active thumb var thumbWidth = jQuery('.carousel-controls-inner a').outerWidth() + parseInt(jQuery('.carousel-controls-inner a').css('margin-right')); //jQuery('.item'+nextItem+'_24').offset().left; jQuery('.carousel-controls-inner').animate({ marginLeft: -1 * (thumbWidth * idx) }, 'fast' ); }*/