$(document).ready(function() {

	$("#browsable").scrollable({circular: true, speed: 300}).navigator().autoscroll({interval: 7000}); // speed 300 ms advace every 5secs loop true
        // home  tabs
	
	
	$("#browsable .slide").hover(
	  function () {
		$(this).addClass("over");
	  }, 
	  function () {
		$(this).removeClass("over");
	  }
	);




	$(".tabContent").hide(); //Hide all content

	$(".tabBox ul li:first").addClass("active").show(); //Activate first tab

	$(".tabContent:first").show(); //Show first tab content

	$(".tabBox ul li").click(function() {

		$(".tabBox ul li").removeClass("active"); //Remove any "active" class

			$(this).addClass("active"); //Add "active" class to selected tab

			$(".tabContent").hide(); //Hide all tab content

		var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content

		$(activeTab).show(); //Fade in the active ID content

		return false;
	});
});