// JavaScript Document
$(function(){
		// Slide
		$("#slide-trigger").switchable("#slide-panel > div > img", {
			effect: "scroll",
			speed: .4,
			vertical: true
		}).autoplay(5).carousel();
			
		// Scrollable
		$("#scrollable-1-trigger").switchable("#scrollable-1-panel > div > img", {
			effect: "scroll",
			steps: 5,
			visible: 5
		}).carousel();
		$("#scrollable-2-trigger").switchable("#scrollable-2-panel > ul > li", {
			effect: "scroll",
			steps: 2,
			visible: 2
		}).carousel();
		// 一个按钮控制两组Scrollable
		var api1 = $("#scrollable-1-trigger").switchable();
		var api2 = $("#scrollable-2-trigger").switchable();
		$(".prev").click(function(){
			api1.prev();
			api2.prev();
			return false;
		});
		$(".next").click(function(){
			api1.next();
			api2.next();
			return false;
		});
			
		// Tabs
		/*
		* Left
		*/
		window.api = $(".tabs-1-trigger").switchable(".tabs-1-panel", {
			triggers: "li.s",
			initIndex: null,
			api: true
		});
		$(".tabs-1-trigger > li.s, .tabs-1-panel").bind({
			"mouseenter": function() {
				clearTimeout(timer);
			},
			"mouseleave": function() {
				timer = setTimeout(function() {
					// 鼠标移出后返回默认激活项
					var index = api.getCfg().initIndex;
					api.move(index);
				}, 1000);
			}
		});
		$("a.close").click(function(){
			$(this).parent().hide();
			return false;
		});

		/*
		* Right
		*/
		$(".tabs-2-trigger").switchable("> .tabs-2-panel", { triggers: "li" });
	});