jQuery(document).ready(function(){
var mycarousel_itemList = [];;

		$('#franchise-showcase-mycarousel').before('<div class="jcarousel-control">' + '</div>');
		for (i=0; i < 0; i++){
			$('<a href="#" id="item'+(i+1)+'">'+(i+1)+'</a>').appendTo('.jcarousel-control');
		}
	/**
	 * 
	 * Franchise Showcase Configuration
	 */
	    $('#franchise-showcase-mycarousel').jcarousel({
			auto: 5,
			wrap: 'circular',
	        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
	       	itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback},
			initCallback: mycarousel_initCallback,
			vertical: true,
			scroll: 1,
			animation: 500,
			visible: 1,
			buttonNextHTML: null,
		    buttonPrevHTML: null
	    });

		/**
		 * 
		 * fake circular carousel
		 */

		function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt){
		    var idx = carousel.index(i, 0);
		    carousel.add(i, mycarousel_getItemHTML(i, mycarousel_itemList[idx - 1]));
			if ( ($('#item' + (idx - 2)).attr('class')) != 'current' ) {
				$('#item' + idx).addClass("current");
			} 
		};

		function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt){
		    var idx = carousel.index(i, 0);
		    carousel.remove(i);
			$('#item' + idx).removeClass("current"); //highlight item that is current, and unhighlight all else
		};

		function mycarousel_getItemHTML(i, item){
			return '<div class="shadow-wrap"><a href="' + item.url + '" class="showcase-link"><img src="' + item.image + '" alt="' + item.name + '" class="dropshadow"></a></div><p class="showcase_desc">' + item.description + '</p>';
		};
		
		/**
		 * 
		 * assign functionality to the external controls, disable auto-scroll upon user interaction
		 */

		function mycarousel_initCallback(carousel) {
		    $('.jcarousel-control a').bind('click', function() {
		        carousel.scroll($.jcarousel.intval($(this).text()));
				carousel.startAuto(0);
		        return false;
		    });
			
		    $('#mycarousel-next').bind('click', function() {
		        carousel.next();
				carousel.startAuto(0);
		        return false;
		    });
			
		    $('#mycarousel-prev').bind('click', function() {
		        carousel.prev();
			carousel.startAuto(0);
			return false;
		    });
		    
		    // Pause autoscrolling if the user moves with the cursor over the clip.
		    carousel.clip.hover(function() {
				carousel.stopAuto();
			    }, function() {
				carousel.startAuto(0);
		    });
		};

		/* force redraw in safari */
		if ($.browser.safari) {
			$('<span/>').appendTo('.showcase_desc').remove(); 
		}
		
	
;
 })