$(document).ready( function() {
	
	$('#top li dl').prepend('<dd class="first"></dd>')
		
	$("#top ul li").hover( function() {
		$(this).find(".inactive_link").click( function() {return false})
		$(this).addClass("hover")	
		$(this).find('dl').css({'top':($(this).offset().top) + 'px','left':$(this).find("a:first").offset().left + 'px'})
		$(this).find('dd:first').css({'margin-left':($(this).find('a:first').width()) + 'px'})
	}, function() {
		$(this).removeClass("hover")
	})
	
	$('#intro dl dt:first').addClass("active");
	$('#intro dl dd:eq(1)').hide()
	
	$("#intro dl dt:first a").click( function() {
		$("#intro dl dt").removeClass("active")
		$(this).parent().addClass("active");
		$('#intro dl dd').hide()
		$('#intro dl dd:eq(0)').show()
		return false;
	})
	
	$("#intro dl dt:eq(1) a").click( function() {
		$("#intro dl dt").removeClass("active")
		$(this).parent().addClass("active");
		$('#intro dl dd').hide()
		$('#intro dl dd:eq(1)').show()
		return false;
	})
})