$(document).ready(function() {

	//initialize sliders
   	var $slider = $('#slides').cycle({
		fx: 'fade',
		timeout: '5000',
		pager: '.switcher',
		pagerAnchorBuilder: function(i, elm) { 
					return '<li><a href="#">'+(i+1)+'</a></li>'; 
				}
	});
    
    var $menu = $('#slide-menu').cycle({
		fx: 'fade',
		speed:	100,
		pause: 1
	});
	
	//timer stuff
	var timer_interval = 200; //delay
	var timer;
	
	function slide_menu_reset()
	{
		//console.log('reset');
		$('#slide-menu').fadeOut(100);
		
		//resume slider
		$slider.cycle('resume');

	}	

	$('#nav li').hover(function(){
		var i = $('#nav li').index($(this));
				
		//reset timer
		clearTimeout(timer);
						
		//move menu
		$menu.cycle(i).cycle('pause');
		
		//pause slider 
		$slider.cycle('pause');
		
		//show top menu
		$('#slide-menu').fadeIn(150);		
	
	  },  function(){ //when hover ends
		
		//restart timer
		timer = setTimeout(function(){slide_menu_reset();}, timer_interval);				

	});
	
	$('#slide-menu').hover(function(){
			
		//reset timer
		clearTimeout(timer);
						
		//console.log('got it');		
	
	  },  function(){ //when hover ends
	
	    //restart timer
 		timer = setTimeout(function(){slide_menu_reset();}, timer_interval);				
	
	});		
	
});