$(document).ready(function(){
		$("div.scrollable").scrollable({size:7});
		
		$.tools.tabs.addEffect("slide", function(i, done) { 
 
		    // 1. upon hiding, the active pane has a ruby background color 
		    this.getPanes().slideUp(500); 
		 
		    // 2. after a pane is revealed, its background is set to its original color (transparent) 
		    this.getPanes().eq(i).slideDown(1000,function()  { 
		        $(this).css({backgroundColor: 'transparent'}); 
		 
		        // the supplied callback must be called after the effect has finished its job 
		        done.call(); 
		    }); 
		});
		
		
		//$("#accordian").tabs("#accordian li ol", {tabs: 'h4', effect: 'slide', initialIndex: 0});
		$("#accordian").tabs("#accordian li ol", {tabs: 'h4', effect: 'slide'});
		
		//customise slide to rewrite the li value for ie8?
		
		$("#accordian li a").click(function(){
				/*var thelink = $(this)[0];
				var theH4 = thelink.parentNode;
				var listy = $(theH4).next().children();
				listy[0].value = 1;*/
		});
		
		$(".items a").click(function(event){
			event.preventDefault();
			
			var pane = $(this).attr("href");
			$(".items a").removeClass("active");
			$(this).addClass("active");
			
			$(".pane").hide(1000);
			$(pane).slideDown(1000);
		});
		
		$(".it a").click(function(event){
			event.preventDefault();
			
			var pane = $(this).attr("href");
			$(".tab").hide(1000);
			$(pane).slideDown(1000);
		});
		
		$(".ext_link").click(function(event){
			event.preventDefault();
		});
});