var demo;

$(function () {

	demo = new Zing({
		container: '#demo',
		
		// Override default settings:

		// Don't start automatically; instead require user to click "play".
		autoPlay: true,
		
		// Use the class "alt-current" for the current nav node instead of "current".
		currentClass: 'alt-current',
		
		// When playing, stay on each pane for five seconds instead of ten.
		duration: 5000,
		

		// Shared transitions that are applied to all panes:
		
		transitions: {
			show: function (callback) {
				// Fade in from zero to full opacity.
				$(this.pane).css({
					opacity: 0
				}).animate({
					opacity: 1
				}, callback);
			},
			hide: function (callback) {
				// Fade out from full opacity to zero.
				$(this.pane).css({
					opacity: 1
				}).animate({
					opacity: 0
				}, callback);
			}
		},
		
		panes: {
			'first': {
				pane: '#demo-1'
			},
			'second': {
				pane: '#demo-2'
			},
			'third': {
				pane: '#demo-3'
			},
			'fourth': {
				pane: '#demo-4'
			},
			
			'sixth': {
				pane: '#demo-6'
			},
			'seventh': {
				pane: '#demo-7'
			},
			'eighth': {
				pane: '#demo-8'
			},
			'ninth': {
				pane: '#demo-9'
			},
			'tenth': {
				pane: '#demo-10'
			},
			'eleventh': {
				pane: '#demo-11'
			},
			'twelfth': {
				pane: '#demo-12'
			},
			'thirteenth': {
				pane: '#demo-13'
			}
		}
	});

});