var mousePosX;
var mousePosY;

/** Capture the onmousemove so that we can see if a row from the current
 *  table if any is being dragged.
 * @param ev the event (for Firefox and Safari, otherwise we use window.event for IE)
 */
document.onmousemove = function(ev){
	mousePosX = mouseX(ev);
	mousePosY = mouseY(ev);

}

function SplitString(string,separator)
{
	var tempArray = string.split(separator);
	var outArray = new Array();

	for(i in tempArray)
	{
		if(tempArray[i].length > 0)
			outArray[i] = tempArray[i];
	}
	return outArray;
}


function setElementHidden(elementName, hidden)
{
	var element = document.getElementById(elementName);
	if(element == null)
		return;
	else
		element.hidden = hidden;
}

function toggleElementHidden(elementName)
{
	var element = document.getElementById(elementName);
	if(element == null)
		return;
	else
		element.hidden = !element.hidden;
}

function mouseX(evt) {
	if (evt.pageX) return evt.pageX;
	else if (evt.clientX)
	   return evt.clientX + (document.documentElement.scrollLeft ? 	   document.documentElement.scrollLeft :
	   document.body.scrollLeft);
	else return null;
}
	
function mouseY(evt) {
	if (evt.pageY) 
		return evt.pageY;
	else if (evt.clientY)
	   return evt.clientY + (document.documentElement.scrollTop ?	   document.documentElement.scrollTop :
	   document.body.scrollTop);
	else return null;
}

function moveItem(obj, mvLeft, mvTop) {
	//var obj = document.getElementById(objname.toString());
	//obj.style.position = "absolute";
	//alert(mvLeft + 'px\n' + mvTop +'px');
	obj.style.left = parseInt(mvLeft)+'px';
	obj.style.top = parseInt(mvTop)+'px';
	
}

function creatediv(id, html, width, height, left, top) {

	   var newdiv = document.createElement('div');
	   newdiv.setAttribute('id', id);
	   
	   if (width) {
	       newdiv.style.width = width;
	   }
	   else
	   {
		   newdiv.style.width = 300;
	   }
	   
	   if (height) {
	       newdiv.style.height = height;
	   }
	   else
	   {
		   newdiv.style.height = 300;
	   }
	   
	   if (left || top) {
	       newdiv.style.position = "absolute";
	       
	       if (left) {
	           newdiv.style.left = left;
	       }
	       
	       if (top) {
	           newdiv.style.top = top ;
	       }
	   }
	   
	   newdiv.style.background = "#ffffff";
	   newdiv.style.border = "4px solid #000";

	   if (html) {
	       newdiv.innerHTML = html;
	   } else {
	       newdiv.innerHTML = "Loading...";
	   }
	   
	   document.body.appendChild(newdiv);

	} 
	
function CreateAndMoveDiv(id, html, width, height, left, top)
{
	var divObject = document.getElementById(id);
	if(divObject != null)
	{
		moveItem(divObject, left, top);
	}
	else
	{
		creatediv(id, html, width, height, left, top);
	}
}


function createNode(type, id, html) {

	   var newnode = document.createElement(type);
	   newnode.setAttribute('id', id);
	   newnode.setAttribute('name', id);

	   if (html) {
		   newnode.innerHTML = html;
	   } 
	   
	   //parent.appendChild(newnode);
	   return newnode;
	} 
	
function RemoveNode(id)
{
	var olddiv = document.getElementById(id);
	document.body.removeChild(olddiv);
}