custom + draggable chatbox

<style>
@font-face {
font-family: sant joan;
src: url(https://dl.dropbox.com/s/iwvkrg8ccgd1pf4/SantJoanDespi-Regular.otf);
}
</style>
<style>
#mydiv {
position: absolute;
background: white;
height:312px;
border:3.4px double #E4A8CA;
border-radius:15px 15px 1px 1px;

}

#mydivheader {
cursor: move;
background: white;
font-family: sant joan;
text-shadow: -1px 0 #CC9FCA, 0 1px #CC9FCA, 1px 0 #CC9FCA, 0 -1px #CC9FCA;
height:40px;
font-size:35px;
border-radius:15px 15px 1px 1px;
color: #fff;
}
</style>
<body>
<div id="mydiv">
<div id="mydivheader"><marquee> o draggable! o</marquee></div>
<iframe src="https://www5.cbox.ws/box/?boxid=938082&boxtag=YRWGwr" width="250" height="270" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
</div>

<script>
//Make the DIV element draggagle:
dragElement(document.getElementById("mydiv"));

function dragElement(elmnt) {
var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
if (document.getElementById(elmnt.id + "header")) {
/* if present, the header is where you
move the DIV from:*/
document.getElementById(elmnt.id +
"header").onmousedown = dragMouseDown;
} else {
/* otherwise, move the DIV from anywhere inside the DIV:*/
elmnt.onmousedown = dragMouseDown;
}

function dragMouseDown(e) {
e = e || window.event;
e.preventDefault();
// get the mouse cursor position at startup:
pos3 = e.clientX;
pos4 = e.clientY;
document.onmouseup = closeDragElement;
// call a function whenever the cursor moves:
document.onmousemove = elementDrag;
}
function elementDrag(e) {
e = e || window.event;
e.preventDefault();
// calculate the new cursor position:
pos1 = pos3 - e.clientX;
pos2 = pos4 - e.clientY;
pos3 = e.clientX;
pos4 = e.clientY;
// set the element's new position: elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
}

function closeDragElement() {
/* stop moving when mouse button is released:*/
document.onmouseup = null;
document.onmousemove = null;
}
}
</script>
</body>
</html>