function changeIdDisplay(off, on) {

	if (off && off != ""){
		document.getElementById(off).style.display = 'none';
		}
	if (on && on != ""){
		document.getElementById(on).style.display = 'block';
		}
}

function createModal(state,id){
	var clickToClose = true; // set to true to close modalby clicking anywhere
	var container = document.getElementById('container'); // page container id
	var modal = document.getElementById('modalOverlay'); // modal div id
	var cHeight = (container&&container!='undefined')?container.offsetHeight+"px":"1600px";
	var selects = document.getElementsByTagName('select');
	var items = document.getElementsByTagName('select');
	function off(){modal.style.display='none';for (i=0;i<selects.length;i++){selects[i].style.visibility='visible';}if(id)changeIdDisplay(id,false);}
	function on(){modal.style.height=cHeight;modal.style.display='block';for(i=0;i<selects.length;i++){selects[i].style.visibility='hidden';}if(id)changeIdDisplay(false,id)}
	if(!modal||modal=='undefined'){modal=document.createElement('div');modal.id='modalOverlay';document.body.appendChild(modal);}
	if(clickToClose){modal.onclick=off;}
	if (state=="on")on();
	if (state=="off")off();
}