$(document).ready(function() {

// Change the page title when different sections are selected.
$("#homelink").click(function(){ document.title="Evolv | Home"; });
$("#t1 a").click(function(){ document.title="Evolv | Company"; });
$("#t2 a").click(function(){ document.title="Evolv | Product"; });
$("#t3 a").click(function(){ document.title="Evolv | Opportunity"; });
$("#t4 a").click(function(){ document.title="Evolv | Join"; });
//$("#faqlink").click(function(){ document.title="Evolv | FAQ"; });

	// select #flowpanes and make it scrollable. use circular and navigator plugins
	$("#flowpanes").scrollable({
			size: 1,
			keyboard: false,
			clickable: false
		}).circular().navigator({
		// select #flowtabs to be used as navigator
		navi: ".mainmenu",
		// 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"
	});

	// Scroller for "Company" box
	$("#company_boxes").scrollable({
			size: 1,
			keyboard: true,
			clickable: false,
			vertical: true,
			items: "#company_items"
		}).circular().navigator({
		navi: "#company_menu",
		naviItem: "a",
		activeClass: "contentmenu_current"
	});

	// Scroller for "Product" box
	$("#product_boxes").scrollable({
			size: 1,
			keyboard: true,
			clickable: false,
			vertical: true,
			items: "#product_items"
		}).circular().navigator({
		navi: "#product_menu",
		naviItem: "a",
		activeClass: "contentmenu_current"
	});

	// Scroller for "Opportunity" box
	$("#opp_boxes").scrollable({
			size: 1,
			keyboard: true,
			clickable: false,
			vertical: true,
			items: "#opp_items"
		}).circular().navigator({
		navi: "#opp_menu",
		naviItem: "a",
		activeClass: "contentmenu_current"
	});

});