var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;

$(document).ready(
    function(){

        $(".toggle_container").hide();

        $("h2.trigger").toggle(function(){
            $(this).addClass("active");
        }, function () {
            $(this).removeClass("active");
        });

        $("h2.trigger").click(function(){
            $(this).next(".toggle_container").slideToggle("slow,");
        });
    });

$(document).ready(
    function(){

        $(".toggle_containera").hide();

        $("h2.trigger").toggle(function(){
            $(this).addClass("active");
        }, function () {
            $(this).removeClass("active");
        });

        $("h2.trigger").click(function(){
            $(this).next(".toggle_containera").slideToggle("slow,");
        });
    });

// open hidden layer
function mopen(id)
{
    // cancel close timer
    mcancelclosetime();

    // close old layer
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

    // get new layer and show it
    ddmenuitem = document.getElementById(id);
    ddmenuitem.style.visibility = 'visible';

}

// close showed layer
function mclose()
{
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
    closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
    if(closetimer)
    {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

// close layer when click-out
document.onclick = mclose;