var sourceID=false; //ID of the object that sends the content to the modal box

function openmodalbox(ID){
	if(ID){
		//remember sourceID
		sourceID=ID;
		//copy html to modal box
		if(document.getElementById(sourceID).tagName.toLowerCase()=='textarea')
			document.getElementById('modal-content').innerHTML=document.getElementById(sourceID).value;
		else
			document.getElementById('modal-content').innerHTML=document.getElementById(sourceID).innerHTML;
//		for(i=0;document.getElementById(sourceID).childNodes[i];i++)
//			document.getElementById(sourceID).childNodes[i].parent=document.getElementById('modal-content');
		//set a title for the modal box
		if(document.getElementById(sourceID).title)
			document.getElementById('modal-head').innerHTML=document.getElementById(sourceID).title;
		else
			document.getElementById('modal-head').innerHTML='SAAD';
		//delete content from source
		document.getElementById(sourceID).innerHTML='';
		}
	//display modal box
	document.getElementById('modal-box').style.display='block';
	}

function closemodalbox(){
	if(sourceID){
		//copy html from modal-box back to source
		if(document.getElementById(sourceID).tagName.toLowerCase()=='textarea')
			document.getElementById(sourceID).value=document.getElementById('modal-content').innerHTML;
		else
			document.getElementById(sourceID).innerHTML=document.getElementById('modal-content').innerHTML;
		//delete content of modal-box
		document.getElementById('modal-content').innerHTML='';
		//forget sourceID
		sourceID=false;
		}
	//close the modal box
	document.getElementById('modal-box').style.display='none';
	}

document.getElementById('close-modal-box').onclick=closemodalbox;