// main function to handle the mouse events //
function ddMenu(id, d){

    var h = document.getElementById('label-'+id);

    var c = document.getElementById('content-'+id);

    clearTimeout(c.timer);
    if ((d == 1)) {
		c.style.display = 'block';
    } else {
        c.timer = setTimeout(function(){ddHide(c,h,id)}, 15);
    }
}

// collapse the menu //
function ddHide(c, h,id){
	c.style.display='none';
}

// cancel the collapse if a user rolls over the dropdown //
function cancelHide(id){
    var c = document.getElementById('content-'+id); 
    clearTimeout(c.timer);
}