$(document).ready(function() {
	$(".slides").tabs("div.homeslides > div");	// setup .slides to work as tabs for each div directly under div.homeslides
		
	var root = $("#homeSlides").scrollable({	// select #homeSlides and make it scrollable. use circular and navigator plugins
		speed: 1000,
		circular: true,
		mousewheel: true
	}).navigator({
		navi: ".slides",						// select .slides to be used as navigator
		naviItem: 'a',							//select A tags inside the navigator to work as items (not direct children)
		activeClass: 'current'					//assign a "current" class name for the active A tag inside navigator
	}).autoscroll(9000)
});