// JavaScript Document
$(document).ready(function(){
	$('a[rel]').overlay({
        
       mask: {
			// you might also consider a "transparent" color for the mask
			color: '#333',
	
			// load mask a little faster
			loadSpeed: 200,
	
			// very transparent
			opacity: 0.5
		},
		
        effect: 'apple',

        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"));
        },
        
        onLoad: function() {
            load_info();
        }

    });
	
	// select #flowplanes and make it scrollable. use circular and navigator plugins
	$("#flowpanes").scrollable({ circular: true, mousewheel: true }).navigator({

		// select #flowtabs to be used as navigator
		navi: ".navi",

		// 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

	});
});