// JavaScript Document
$(document).ready(function() {

	//Setup flowpanes width
	width = $('#flowpanes').width();
		
  	$('#flowpanes .items .single-pane').width( width );
	
	//Change flowpanes sizes on window resize
	$(window).resize(function() {
		width = $('#flowpanes').width();
		
		$('#flowpanes .items .single-pane').width( width );
	});
	
	// wait until document is fully scriptable
	$(function() {
	
		// select #flowplanes and make it scrollable. use circular and navigator plugins
		$("#flowpanes").scrollable({ circular: true, mousewheel: true }).
		/*autoscroll({
			//Autoplay																		
			autoplay: false,
			
			//Interval
			interval: 5000,
			
			//Autopause on maouseover
			autopause: 	true
			
		
		}).*/navigator({
	
			// select #flowtabs to be used as navigator
			navi: "#flowtabs",
	
			// select A tags inside the navigator to work as items (not direct children)
			naviItem: 'a',
	
			// assign "current" class name for the active A tag inside navigator
			activeClass: 'current',
	
			// make browser's back button work
			history: true
	
		});
	
	});
	
	//Treeview
	$(".ww_pagenav").treeview({
		animated: "fast",
		collapsed: true,
		persist: "location",
		unique: true 
	});

});