// JavaScript Document
///Coordinate////////////////////////////
function showCoordinatate(name){
	var x;
	var y;
	
	//alert(name);
	obj=document.getElementById(name);
	
	x=findPosX(obj);
	y=findPosY(obj);
	
	alert("co X="+x+" co Y="+y);
}

function findPosX(name)
{
	//alert(name);
	obj=document.getElementById(name);
	var curleft = 0;
	if(obj.offsetParent)
		while(1) 
		{
		  curleft += obj.offsetLeft;
		  if(!obj.offsetParent)
			break;
		  obj = obj.offsetParent;
		}
	else if(obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(name)
{
	obj=document.getElementById(name);
	var curtop = 0;
	if(obj.offsetParent)
		while(1)
		{
		  curtop += obj.offsetTop;
		  if(!obj.offsetParent)
			break;
		  obj = obj.offsetParent;
		}
	else if(obj.y)
		curtop += obj.y;
	return curtop;
}

function show_coords(event)
{
x=event.clientX
y=event.clientY
window.status= "X coords: " + x + ", Y coords: " + y;
}
///////////////////////////////

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 HREF="javascript:playVid()">CLOSE</A>';
         var vidstring ='<center><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="350" width=425"></center>';
         vidPaneID.innerHTML+=vidstring;
      }
   }

   function moveHandler(e){
		var top=findPosY('mainTab');
		var left=findPosX('mainTab');
		window.status = selObj.style.width;
		if (e == null) { e = window.event } 
		
		if (e.button<=1&&dragOK){
			if(e.clientX-dragXoffset<=left)
				selObj.style.left=left;
			else if(e.clientX-dragXoffset>left+areaX-selObj.width)
				selObj.style.left=left+areaX-selObj.width;
			else selObj.style.left=e.clientX-dragXoffset+'px';
		
			if(e.clientY-dragYoffset<top)
			selObj.style.top=top;	
			else if(e.clientY-dragYoffset>top+areaY-selObj.height)
			selObj.style.top=top+areaY-selObj.height;	
			else 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){
	  //alert("test");
      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;