jQuery(document).ready(function($) {
	
	$("#accordion").accordion({
			header: 'h5',
			event: 'mouseover',
			active: false,
			autoHeight: false
	});

	$slideshow = {
		context: false,
		tabs: false,
		timeout: 1000,
		slideSpeed: 5000,
		tabSpeed: 300,
		fx: 'scrollLeft',
		
		init: function() {
		
			this.context = $('#featured');
			this.tabs = $('#slides-nav li', this.context);
		
			this.tabs.remove();
			
			this.prepareSlideshow();
		},
		
		prepareSlideshow: function() {
		
			$('#myslides', $slideshow.context).cycle({
				fx: $slideshow.fx,
				timeout: $slideshow.slideSpeed,
				fastOnEvent: $slideshow.tabSpeed,
				pager: $('#slides-nav', $slideshow.context),
				pagerAnchorBuilder: $slideshow.prepareTabs,
				before: $slideshow.activateTab,
				pauseOnPagerHover: true,
				pause: true
			});
		},
		
		prepareTabs: function(i, slide) {
			return $slideshow.tabs.eq(i);
		},		
		
		activateTab: function(currentSlide, nextSlide) {
			var activeTab = $('a[href="#' + nextSlide.id + '"]', $slideshow.context);
		
			if(activeTab.length) {
				$slideshow.tabs.removeClass('on');
				activeTab.parent().addClass('on');
			}
		}
		
		};
		
		$slideshow.init();
				
});