/* 
plugin for setting up jcarousels with callbacks
this is used throughout the site, so dont mess with it without testing extensively
*/
$.fn.jCarouselInit = function(opts){
	var options = jQuery.extend( {
		next: '.next',
		prev: '.prev',
		scroll: 1,
		buttonNextHTML: null,
		buttonPrevHTML: null,
		wrap:'last'
	},opts);

	var jCarouselInitCallback =  function(c){
		jQuery(options.next).bind('click', function() {
			c.next();
			return false;
		})

		jQuery(options.prev).bind('click', function() {
			c.prev();
			return false;
		});
	}
	options.initCallback = jCarouselInitCallback;

	$(this).jcarousel(options)

};

$(document).ready(function(){
	/* home featured designs */
	$('#featured-designs.five-across .jcarousel-skin-keds').jCarouselInit({
		scroll:5, 
		next: '#featured-designs .next', 
		prev: '#featured-designs .prev'
	});
	
	/* landing featured designs */
	$('#featured-designs.four-across .jcarousel-skin-keds').jCarouselInit({
		scroll:4, 
		next: '#featured-designs .next', 
		prev: '#featured-designs .prev'
	});
});