$xo(document).ready(function()
{
	targetBtnID = "";
	subTargetBtnID = "";
	menuTimer = "";

	$xo(".btnDownHover").hover(function(event)
	{
		clearTimeout(menuTimer);
		targetBtnID = event.target.id;
		subTargetBtnID = 'sub_'+ targetBtnID;
		$xo('#'+ targetBtnID).addClass("activeBtn");
							 
		menuTimer = setTimeout(function() {
			$xo('#'+ subTargetBtnID).slideDown();
		}, 500);
	});
	
	$xo(".btnDownClick").click(function(event)
	{
		targetBtnID = event.target.id;
		subTargetBtnID = 'sub_'+ targetBtnID;
		$xo('#'+ subTargetBtnID).slideDown();
		$xo('#'+ targetBtnID).addClass("activeBtn");
		
	});
	
	$xo(".btnFadeInHover").hover(function(event)
	{
		clearTimeout(menuTimer);
		targetBtnID = event.target.id;
		subTargetBtnID = 'sub_'+ targetBtnID;
		$xo('#'+ targetBtnID).addClass("activeBtn");
							   
		menuTimer = setTimeout(function() {
			$xo('#'+ subTargetBtnID).fadeIn();
		}, 500);
		
	});
	
	$xo(".btnFadeInClick").click(function(event)
	{
		targetBtnID = event.target.id;
		subTargetBtnID = 'sub_'+ targetBtnID;
		$xo('#'+ subTargetBtnID).fadeIn();
		$xo('#'+ targetBtnID).addClass("activeBtn");
		
	});
	
	$xo(".btnShowHover").hover(function(event)
	{
		clearTimeout(menuTimer);
		targetBtnID = event.target.id;
		subTargetBtnID = 'sub_'+ targetBtnID;
		$xo('#'+ targetBtnID).addClass("activeBtn");
		
		menuTimer = setTimeout(function() {
			$xo('#'+ subTargetBtnID).show();
		}, 500);
	});
	
	$xo(".btnShowClick").click(function(event)
	{
		targetBtnID = event.target.id;
		subTargetBtnID = 'sub_'+ targetBtnID;
		$xo('#'+ subTargetBtnID).show();
		$xo('#'+ targetBtnID).addClass("activeBtn");
		
	});
	
	$xo(".btnUpHover").mouseleave(function()
	{
		clearTimeout(menuTimer);
		$xo('#'+ targetBtnID).removeClass("activeBtn");
		$xo('#'+ subTargetBtnID).slideUp();
	});
	
	$xo(".btnUpClick").click(function()
	{
		$xo('#'+ subTargetBtnID).slideUp();
		$xo('#'+ targetBtnID).removeClass("activeBtn");
	});
	
	$xo(".btnFadeOutHover").mouseleave(function()
	{
		clearTimeout(menuTimer);
		$xo('#'+ subTargetBtnID).fadeOut();
		$xo('#'+ targetBtnID).removeClass("activeBtn");
	});
	
	$xo(".btnFadeOutClick").click(function()
	{
		$xo('#'+ subTargetBtnID).fadeOut();
		$xo('#'+ targetBtnID).removeClass("activeBtn");
	});
	
	$xo(".btnHideHover").mouseleave(function()
	{
		clearTimeout(menuTimer);
		$xo('#'+ subTargetBtnID).hide();
		$xo('#'+ targetBtnID).removeClass("activeBtn");
	});
	
	$xo(".btnHideClick").click(function()
	{
		$xo('#'+ subTargetBtnID).hide();
		$xo('#'+ targetBtnID).removeClass("activeBtn");
	});
	
	$xo(".btnBox.btnUpHover").mouseleave(function()
	{
		$xo(".btnFormat, .subBtnFormat").removeClass("activeBtn");
		$xo(".menuFormatDown, .menuFormatSide, .menuFormatInternal").slideUp();
	});
	
	$xo(".btnBox.btnFadeOutHover").mouseleave(function()
	{
		$xo(".btnFormat, .subBtnFormat").removeClass("activeBtn");
		$xo(".menuFormatDown, .menuFormatSide, .menuFormatInternal").fadeOut();
	});
	
	$xo(".btnBox.btnUpHide").mouseleave(function()
	{
		$xo(".btnFormat, .subBtnFormat").removeClass("activeBtn");
		$xo(".menuFormatDown, .menuFormatSide, .menuFormatInternal").hide();
	});
});