function $() {
  var results = [], element;
  for (var i = 0; i < arguments.length; i++) {
    element = arguments[i];
    if (typeof element == 'string')
      element = document.getElementById(element);
    results.push(element);
  }
  return results.length < 2 ? results[0] : results;
}


var index=10000;//z-index;

var iMouseDown = false;
var dragObject = null;
var curTarget = null;

function mkDragable(item){
	if (!item) return;
	item.onmousedown = function(ev){
		dragObject = this;
		mouseOffset = getMouseOffset(this, ev);
		       if(dragObject.style.zIndex!=index)
       {
               index = index + 2;
               var idx = index;
               dragObject.style.zIndex=idx;
               //obj.nextSibling.style.zIndex=idx-1;
       }

		//return false;
	}
}
function getMouseOffset(target, ev){
	ev = ev || window.event;
	var docPos = getPos(target);
	var mousePos = getmousePos(ev);
	return {x:mousePos.x - docPos.x,y:mousePos.y - docPos.y};
}
function getPos(e){
	var left = 0;
	var top = 0;
	while (e.offsetParent)
	{
		left += e.offsetLeft + (e.Style?(parseInt(e.Style.borderLeftWidth)).NaN0():0);
		top += e.offsetTop + (e.Style?(parseInt(e.Style.borderTopWidth)).NaN0():0);
		e = e.offsetParent;
	}
	left += e.offsetLeft + (e.Style?(parseInt(e.Style.borderLeftWidth)).NaN0():0);
	top += e.offsetTop + (e.Style?(parseInt(e.Style.borderLeftWidth)).NaN0():0);

	return {x:left, y:top};
}
function getmousePos(ev){
	if (ev.pageX || ev.pageY)
	{
		return {x:ev.pageX, y:ev.pageY};
	}
	return {
		x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
		y:ev.clientY + document.body.scrollTop - document.body.clientTop
		};
}
function mouseDown(ev){
	ev = ev || window.event;
	var target = ev.target || ev.srcElement;
	if (target.onmousedown || target.getAttribute('DragObj'))
	{
		//return false;
	}
}
function mouseUp(ev){
	dragObject = null;
	iMouseDown = false;
}
function mouseMove(ev){
	ev = ev || window.event;
	var target = ev.target || ev.srcElement;
	var mousePos = getmousePos(ev);

	if (dragObject)
	{
		dragObject.style.positon = 'absolute';
		dragObject.style.top = mousePos.y - mouseOffset.y;
		dragObject.style.left = mousePos.x - mouseOffset.x;
	}
	lMouseState = iMouseDown;
	if(curTarget || dragObject) return false;
}
document.onmousemove = mouseMove;
//document.onmousedown = mouseDown;
document.onmouseup = mouseUp;
function ddel(ev){
ev = ev || window.event;
obj = ev.target || ev.srcElement;
while (obj && obj.tagName != 'DIV') obj = obj.parentNode;
var id = obj.id;
$(id).removeNode(true);
}

window.onload = function(){
tar = document.getElementsByTagName('DIV')
for (i=0; i<tar.length; i++)
{
	id = tar[i].id
	id = id.toLowerCase();
	if (id.indexOf('cc') >= 0)
	{
	mkDragable($(id));
	}
}

}