var DHTML = (document.getElementById || document.all || document.layers);

function getObj(name){
    if (document.getElementById){
        this.obj = document.getElementById(name);
        this.style = document.getElementById(name).style;
    }
    else if (document.all){
        this.obj = document.all[name];
        this.style = document.all[name].style;
    }
    else if (document.layers){
        this.obj = document.layers[name];
        this.style = document.layers[name];
    }
}


// toggle visibility
function toggle(div,flag){
	if (!DHTML) return;
	var x = new getObj(div);
	x.style.display = (flag) ? 'none' : 'block'
}

function openMenu(){
	$('#signup').css('clip','rect(0px, 660px, 188px, 0px)');
	toggle('clIngredients', 1);
	toggle('mbIngredients', 1);
	toggle('instructions', 1);
}

function closeMenu(){
	setTimeout( function(){$('#signup').css('clip','rect(140px, 660px, 660px, 0px)')}, 500);
};