var mouse_over_fonts_menu = false;
var mouse_over_fonts_menu_item = false;

$(document).ready(function() {
	
	$('.menu_fonts').click(function() { if ($('.menu_fonts').hasClass('clickedparent')) fonts_menu_off(); else fonts_menu_on(); });		
	$('.menu_fonts').hover(function() { mouse_over_fonts_menu_item = true; if (!($('.menu_fonts').hasClass('clickedparent'))) fonts_menu_on(); },
						   function() { mouse_over_fonts_menu_item = false; setTimeout("delay_menu_off()", 100); } );
	$('.menu_fonts').parent().find('ul').hover(function() { mouse_over_fonts_menu = true; },
						   					   function() { mouse_over_fonts_menu = false; setTimeout("delay_menu_off()", 100); } );

});

function delay_menu_off()
{
	if ($('.menu_fonts').hasClass('clickedparent') && !mouse_over_fonts_menu && !mouse_over_fonts_menu_item) fonts_menu_off();
}

function fonts_menu_on()
{
	$('.menu_fonts').parent().find('ul').fadeIn(); 
    if ($('.menu_fonts').hasClass('clickedparent')) $('.menu_fonts').removeClass('clickedparent'); else $('.menu_fonts').addClass('clickedparent');
}

function fonts_menu_off()
{
	$('.menu_fonts').parent().find('ul').fadeOut(); 
    if ($('.menu_fonts').hasClass('clickedparent')) $('.menu_fonts').removeClass('clickedparent'); else $('.menu_fonts').addClass('clickedparent');
}