var selObj = null;
function playVid(vidId) {
  if (vidPaneID.style.display=='block') {
     vidPaneID.style.display='none';
     vidPaneID.innerHTML=''; 
  } else {
     vidPaneID.style.display='block';
     vidPaneID.innerHTML='<A style="position:absolute;left:-10px;top:-10px;height:15px;color:#ffffff;background:transparent url(images/closebox.png) 0 0 nor-repeat;" HREF="javascript:playVid()"><img src=images/closebox.png /></A>';
     var vidstring ='<center  style="margin:15px 0px;" ><embed enableJavascript="false" allowScriptAccess="never"';
     vidstring+=' allownetworking="internal" type="application/x-shockwave-flash"';
     vidstring+='  src="http://www.youtube.com/v/'+vidId+'&autoplay=1" ';
     vidstring+=' wmode="transparent" height="315" width=560"></center>';
     vidPaneID.innerHTML+=vidstring;
     
     
     
  }
}
function moveHandler(e){
  if (e == null) { e = window.event } 
  if (e.button<=1&&dragOK){
     selObj.style.left=e.clientX-dragXoffset+'px';
     selObj.style.top=e.clientY-dragYoffset+'px';
     return false;
  }
}
function cleanup(e) {
  document.onmousemove=null;
  document.onmouseup=null;
  selObj.style.cursor=orgCursor;
  dragOK=false;
}

function dragHandler(e){
  var htype='-moz-grabbing';
  if (e == null) { e = window.event; htype='move';} 
  var target = e.target != null ? e.target : e.srcElement;
  selObj=target;
  orgCursor=target.style.cursor;
  if (target.className=="vidFrame"||target.className=="moveable") {
     target.style.cursor=htype;
     dragOK=true;
     dragXoffset=e.clientX-parseInt(selObj.style.left);
     dragYoffset=e.clientY-parseInt(selObj.style.top);
     document.onmousemove=moveHandler;
     document.onmouseup=cleanup;
     return false;
  }
}
  document.onmousedown=dragHandler;