//nav managed show subnav
var showSubnav = function(){
	$('#nav-managed').hover(function(){
		$(this).toggleClass('active');
	})
}

//home page promo
function slid(id){
	var $dt = $('#'+id+' > dt');
	var $dd = $('#'+id+' > dd');
	var $width = $('#'+id).innerWidth();
	var $index = $dt.index($('dt.on'));	
	var interval_id;
	var loop = function(){		
		$index--;		
		if($index < 0){
			$index = $dt.length - 1;
		};
		move();
	};
	var move = function(){
		if($dd.is(':animated')) return;
		$dt.removeClass('on').eq($index).addClass('on');
		$dd.eq($index).css({opacity:0,left:0}).addClass('on').animate({opacity:'1'},1000,function(){
			$(this).removeClass('on');
			$dd.not(this).css('left',$width);
		})
	};
	$('#' + id).hover(function(){
		clearInterval(interval_id);
	},function(){
		interval_id = setInterval(loop,6000)
	});
	$dt.bind('click',function(){
		$index =$dt.index($(this));
		move();
	})
	interval_id = setInterval(loop,6000)
}


//run
$(function(){
	slid('promo');
	showSubnav();
})