/*
 * Popup Menus Script using jQuery
 */

$(document).ready(function() {
        var hide = false;
        $(".info").hover(function(){
            if (hide) clearTimeout(hide);
            $("#cosmetic-menu").fadeIn();
			$("#pharm-menu").css('display', 'none');
			$("#frag-menu").css('display', 'none');
			$("#herbs-menu").css('display', 'none');
			$("#aromatic-menu").css('display', 'none');
        }, function() {
            hide = setTimeout(function() {$("#cosmetic-menu").fadeOut("normal");}, 0);
        });
        $("#cosmetic-menu").hover(function(){
            if (hide) clearTimeout(hide);
        }, function() {
            hide = setTimeout(function() {$("#cosmetic-menu").fadeOut("normal");}, 0);
        });
		
		 var hide = false;
        $(".info2").hover(function(){
            if (hide) clearTimeout(hide);
            $("#pharm-menu").fadeIn();
			$("#cosmetic-menu").css('display', 'none');
			$("#frag-menu").css('display', 'none');
			$("#herbs-menu").css('display', 'none');
			$("#aromatic-menu").css('display', 'none');
        }, function() {
            hide = setTimeout(function() {$("#pharm-menu").fadeOut("normal");}, 0);
        });
        $("#pharm-menu").hover(function(){
            if (hide) clearTimeout(hide);
        }, function() {
            hide = setTimeout(function() {$("#pharm-menu").fadeOut("normal");}, 0);
        });
		
		 var hide = false;
        $(".info3").hover(function(){
            if (hide) clearTimeout(hide);
            $("#aromatic-menu").fadeIn();
			$("#pharm-menu").css('display', 'none');
			$("#frag-menu").css('display', 'none');
			$("#herbs-menu").css('display', 'none');
			$("#cosmetic-menu").css('display', 'none');
        }, function() {
            hide = setTimeout(function() {$("#aromatic-menu").fadeOut("normal");}, 0);
        });
        $("#aromatic-menu").hover(function(){
            if (hide) clearTimeout(hide);
        }, function() {
            hide = setTimeout(function() {$("#aromatic-menu").fadeOut("normal");}, 0);
        });
		
		var hide = false;
        $(".info4").hover(function(){
            if (hide) clearTimeout(hide);
            $("#frag-menu").fadeIn();
			$("#pharm-menu").css('display', 'none');
			$("#cosmetic-menu").css('display', 'none');
			$("#herbs-menu").css('display', 'none');
			$("#aromatic-menu").css('display', 'none');
        }, function() {
            hide = setTimeout(function() {$("#frag-menu").fadeOut("normal");}, 0);
        });
        $("#frag-menu").hover(function(){
            if (hide) clearTimeout(hide);
        }, function() {
            hide = setTimeout(function() {$("#frag-menu").fadeOut("normal");}, 0);
        });
		
		var hide = false;
        $(".info5").hover(function(){
            if (hide) clearTimeout(hide);
            $("#herbs-menu").fadeIn();
			$("#pharm-menu").css('display', 'none');
			$("#cosmetic-menu").css('display', 'none');
			$("#frag-menu").css('display', 'none');
			$("#aromatic-menu").css('display', 'none');
        }, function() {
            hide = setTimeout(function() {$("#herbs-menu").fadeOut("normal");}, 0);
        });
        $("#herbs-menu").hover(function(){
            if (hide) clearTimeout(hide);
        }, function() {
            hide = setTimeout(function() {$("#herbs-menu").fadeOut("normal");}, 0);
        });
    });