function hide_this() {
	var child=document.getElementById("overlay");
	document.body.removeChild(child);
}
function show_overlay(song_link) {
	//create new elements
  	var overlay = document.createElement("div");
  	var overlay_inside = document.createElement("div");
	var p1 = document.createElement("p");
	var p2 = document.createElement("p");
	var closeButton = document.createElement("img");
	var linkform = document.createElement("form");
	var link = document.createElement("input");

  	overlay.appendChild(overlay_inside);  //put overlay_inside inside of overlay
	overlay_inside.appendChild(closeButton); //put closeButton inside of overlay_inside
	overlay_inside.appendChild(p1); //put closeButton inside of overlay_inside
	overlay_inside.appendChild(p2); //put closeButton inside of overlay_inside
	p2.appendChild(linkform); //put link form inside p2
	linkform.appendChild(link); //put link form inside p2

	p1.innerHTML = "Copy the following to link directly to this song:"; //put text inside first <p>
	p1.style.marginBottom=".5em";
	p2.style.marginBottom="0";

	overlay.setAttribute("id","overlay");

	link.value=song_link;
	link.style.width="100%";
	link.style.backgroundColor="rgb(20,20,20)";
	link.style.color="white";
	link.style.padding="2px";
	link.style.fontSize="small";
	link.onclick=Function("this.select()");

	closeButton.src="/images/close.png";
	closeButton.style.position="absolute";
	closeButton.style.top="6px";
	closeButton.style.right="6px";
	closeButton.style.cursor="pointer";
	closeButton.onclick = Function("hide_this()");

	overlay.style.position="fixed";
	overlay.style.top="0";
	overlay.style.left="0";
	overlay.style.zIndex="+1";
	overlay.style.height="100%";
	overlay.style.width="100%";
	overlay.style.backgroundColor="rgba(0,0,0,0.8)";
	overlay.style.fontSize="small";

	overlay_inside.style.position="fixed";
	overlay_inside.style.top="40%";
	overlay_inside.style.left="30%";
	overlay_inside.style.width="40%";
	overlay_inside.style.minWidth="30em";
	overlay_inside.style.padding="1em";
	overlay_inside.style.backgroundColor="black";
	overlay_inside.style.border="2px solid silver";
	overlay_inside.style.color="silver";
	overlay_inside.style.borderRadius="1em";

  	// add the newly created element and it's content into the DOM
  	var my_div = document.getElementById("container");
  	document.body.insertBefore(overlay, my_div);
	link.select();
}

