function DialogBox() {
    var dialogBoxState = 'hidden';
    
    // Dynamically create the underlay div so we don't have to remember to manually add it to every page. 
    // This div prevents the user from clicking on anything below, as well as makes everything grayed out.
    //var newdiv = document.createElement('div');
    //newdiv.setAttribute('id','underlay-container');
    //document.body.appendChild(newdiv);
    document.write('<div id="underlay-container"></div>');
    
    newdiv = document.createElement('div');
    newdiv.setAttribute('id','underlay');
    newdiv.className = 'hidecontent';
    document.getElementById('underlay-container').appendChild(newdiv);

    this.toggle = function(strElementID){
    	if (dialogBoxState == 'hidden'){
			document.getElementById('underlay').className = 'disabled';
			this.show(strElementID);
    	}else{
    		document.getElementById('underlay').className = 'hidecontent';
    		this.hide(strElementID);
    	}
    }
	
	this.hide = function(strElementID){
		if(document.getElementById(strElementID) != null){
		    document.getElementById(strElementID).style.visibility = 'hidden'; 
    		document.getElementById(strElementID).style.display = 'none'; 
    		dialogBoxState = 'hidden';
		}
	}
	
	this.show = function(strElementID){
		if(document.getElementById(strElementID) != null){
    		document.getElementById(strElementID).style.visibility = 'visible'; 
    		document.getElementById(strElementID).style.display = 'block'; 
    		dialogBoxState = 'visible';
		}
	}
}