$(function(){
	
	// Packages page - setup ul.tabs to work as tabs for each div directly under div.panes using jQuery tools. 
	$(".tabs").tabs(".panes > div");
	
	// Testimonials page - initialize scrollable content area using jQuery tools.
	$(".scrollable").scrollable({ vertical: true });
	
	// FAQ - initialises custom scrollbars for scrollable area using jScrollPane.js
	$('#faqWrapper').jScrollPane();
	
	// init any overlay elements, loads external content into overlay
	$("a[rel]").overlay({
		
		top: 40,

		mask: {
			color: '#000',
			loadSpeed: 200,
			opacity: 0.85
		},

		onBeforeLoad: function() {

			// grab wrapper element inside content
			var wrap = this.getOverlay().find(".contentWrap");

			// load the page specified in the trigger
			wrap.load(this.getTrigger().attr("href"));
		}

	});
	
});