//pop menu
function showNav(elem){
	$('#'+elem+' > ul > li').hover(function(){
		if($(this).hasClass('on')){
			this.name = 'on'
			$('div.menu',this).show();
		}else{
			$(this).addClass('on');
			$('div.menu',this).show();
		}
	},function(){
		if(this.name){
			$('div.menu',this).hide();
		}else{
			$(this).removeClass('on');
			$('div.menu',this).hide();
		}
	})
}

//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 > $dt.length - 1){
			$index = 0;
		};
		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(){
	showNav('navigation');
})