(function($){

	$(function(){
		$("#card").slidebox();
	});

	$.fn.slidebox = function(options){

		var o = $.extend({
			slideMenuName: "#cardFrame",
			slideBoxWrapName:"#cardContent",
			slideBoxName: "li.card",
			speed: 1000
		},options);

		var menu = $(o.slideMenuName).find("a");
		var slideBoxWrap = $(o.slideBoxWrapName);
		var slideBox = slideBoxWrap.find(o.slideBoxName);
		var boxWidth = slideBox.outerWidth();
		var speed = o.speed;

		$(o.slideMenuName).delegate("a","click",function(){
			var self = $(this);
			var index = menu.index(this);
			var position = boxWidth * -index;
			slideBoxWrap.stop().animate({left: position + "px"}, speed, "easeInOutCubic");
			return false;
		});

	}

})(jQuery);