// JavaScript Document
jQuery(document).ready(function() { 
	
	jQuery("#banner").innerfade({
			speed: 'slow',
			timeout: 10000,
			type: 'random',
			containerheight: '305px'
		});
		
	// select #flowplanes and make it scrollable. use circular plugin 
	jQuery("#infopanes").scrollable({size: 1, circular: true}).autoscroll(
		{
				autopause:true,
				interval: 20000 }
		);
	
	jQuery(".scrollableNews").scrollable({
				vertical: true,				
				size: 1,
				circular: true
		}).autoscroll(5000);	
	
	jQuery("#tab2").hide();
	jQuery("#tab3").hide();
		jQuery("#tab3-title").click(function () { 
      		jQuery("#tab3").show();
			jQuery("#tab2").hide(); 
			jQuery("#tab1").hide(); 
			jQuery("#tab3-title").addClass("on");
			jQuery("#tab2-title").removeClass("on");
			jQuery("#tab1-title").removeClass("on");

   		 });
		jQuery("#tab1-title").click(function () { 
      		jQuery("#tab1").show();
			jQuery("#tab3").hide(); 
			jQuery("#tab2").hide(); 
			jQuery("#tab1-title").addClass("on");
			jQuery("#tab3-title").removeClass("on");
			jQuery("#tab2-title").removeClass("on");
   		 });
		jQuery("#tab2-title").click(function () { 
      		jQuery("#tab2").show();
			jQuery("#tab3").hide(); 
			jQuery("#tab1").hide(); 
			jQuery("#tab2-title").addClass("on");
			jQuery("#tab3-title").removeClass("on");
			jQuery("#tab1-title").removeClass("on");
   		 });



	});