'}, {url: 'http://blog.derestricted.com/wp-content/uploads/2009/11/P1040348.jpg', title: 'P1040348', caption: '', description: ''}, {url: 'http://blog.derestricted.com/wp-content/uploads/2009/11/P1040347.jpg', title: 'P1040347', caption: '', description: ''}, {url: 'http://blog.derestricted.com/wp-content/uploads/2009/11/P1040345.jpg', title: 'P1040345', caption: '', description: ''}, {url: 'http://blog.derestricted.com/wp-content/uploads/2009/11/P1040342.jpg', title: 'P1040342', caption: '', description: ''}, {url: 'http://blog.derestricted.com/wp-content/uploads/2009/11/P1040341.jpg', title: 'P1040341', caption: '', description: ''}]; function mycarousel_7044_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_7044.length); // crappy IE6 crappety crap //var isMSIE = /*@cc_on!@*/false; //if (isMSIE && idx == mycarousel_itemList_7044.length) { // idx = 1; // i = 1; //} carousel.add(i, mycarousel_7044_getItemHTML(mycarousel_itemList_7044[idx - 1])); }; function mycarousel_7044_itemVisibleOutCallback(carousel, item, i, state, evt) { carousel.remove(i); }; /** * Item html creation helper. */ function mycarousel_7044_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_7044_initCallback(carousel) { jQuery('.jcarousel-control_7044 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_7044-next').bind('click', function() { carousel.next(); /**/ return false; }); jQuery('#mycarousel_7044-prev').bind('click', function() { carousel.prev(); /**/ return false; }); jQuery('#mycarousel_7044-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_7044_itemFirstInCallback(carousel, item, idx, state) { nextItem = idx % mycarousel_itemList_7044.length; nextItem = (nextItem == 0) ? mycarousel_itemList_7044.length : nextItem; jQuery('.jcarousel-control_7044 a').removeClass('active'); jQuery('.item'+nextItem+'_7044').addClass('active'); // add forward btns on each image in its own right jQuery('#mycarousel_7044 a').bind('click', function() { carousel.next(); /**/ return false; }); }; /** * Scroll thumbnails */ /*function scrollThumbnails(idx) { if (idx == mycarousel_itemList_7044.length) { idx = 0; } if (idx < 0) { idx = mycarousel_itemList_7044.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+'_7044').offset().left; jQuery('.carousel-controls-inner').animate({ marginLeft: -1 * (thumbWidth * idx) }, 'fast' ); }*/ jQuery(document).ready(function() { jQuery('#mycarousel_7044').jcarousel({ wrap: 'circular', itemVisibleInCallback: {onBeforeAnimation: mycarousel_7044_itemVisibleInCallback} ,itemVisibleOutCallback: {onAfterAnimation: mycarousel_7044_itemVisibleOutCallback} ,scroll: 1 ,animation: 500 ,initCallback: mycarousel_7044_initCallback ,buttonNextHTML: null ,buttonPrevHTML: null ,itemFirstInCallback: mycarousel_7044_itemFirstInCallback }); }); /* ]]> */