document.onmousemove = mouseMove;
document.onmouseup   = mouseUp;
var dragObject  = null;
var mouseOffset = null;
function mouseCoords(ev){
//	ev = ev || window.event;
	//if(ev.pageX || ev.pageY){
//try{		return {x:ev.pageX, y:ev.pageY};}
//catch(err){}
//	}
//	else{
//try {	return {x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,	y:ev.clientY + document.body.scrollTop  - document.body.clientTop}}
try {	return {x:ev.clientX + document.getElementById('alldiv').scrollLeft - document.getElementById('alldiv').clientLeft,	y:ev.clientY + document.getElementById('alldiv').scrollTop  - document.getElementById('alldiv').clientTop}}
catch(err){}
//
//x:ev.clientX ,
//y:ev.clientY 

//x:ev.x,
//y:ev.y
//	}
}

function getMouseOffset(target, ev){
	ev = ev || window.event;
	// 	if (window.event){
	var docPos    = getPosition(target);
	//}
	//else{
//	var docPos    = mouseCoords(ev);
	//}
	var mousePos  = mouseCoords(ev);
//	return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y};
	return {x:mousePos.x , y:mousePos.y };
}

function getPosition(e){
	var left = 0;
	var top  = 0;

	//while (e.offsetParent){
	//	left += e.offsetLeft;
	//	top  += e.offsetTop;
	//	e     = e.offsetParent;
	//}

	left += e.offsetLeft;
	top  += e.offsetTop;

	return {x:left, y:top};
}

function makeClickable(object){   
     object.onmousedown = function(){   
         dragObject = this;   
     }   
 }   


function mouseMove(ev){
	ev           = ev || window.event;
	var mousePos = mouseCoords(ev);
	if(dragObject){
	if(dragObject.id.match('bogus')){
		document.getElementById('recyclediv').style.visibility='visible';
		}
		dragObject.style.zIndex='3';
		dragObject.style.position = 'absolute';
//		dragObject.style.background='url(images/grayback.png)';
//  dragObject.style.opacity = 0.5;
 // dragObject.style.filter = 'alpha(opacity=50)';
		
//		dragObject.style.width = '150px';
				document.body.style.cursor = 'hand';
		document.body.style.cursor = 'pointer';
dragObject.style.border='2px solid #cc0000';

	 	if (window.event){
	 //	dragObject.style.top      = (mousePos.y - mouseOffset.y) - 47;
	// 	}
	// 	else{
	// 	dragObject.style.top      = (mousePos.y - mouseOffset.y) + 12;
	// 	}
	 	
	 //	dragObject.style.left     = mousePos.x - mouseOffset.x;


//	 	dragObject.style.top      = mousePos.y - mouseOffset.y + 50;
	 	dragObject.style.top      = parseInt(mousePos.y) - 150 + 'px';
	 	//document.getElementById('userdiv').innerHTML=mousePos.y+' '+mouseOffset.y;
	 	}
	 	else{
//	 	dragObject.style.top      = mousePos.y - mouseOffset.y + 50;
	 	dragObject.style.top      = parseInt(mousePos.y) - 150 + 'px';
	 	//document.getElementById('userdiv').innerHTML=mousePos.y+' '+mouseOffset.y;
	 	}
//	 	dragObject.style.left     = mousePos.x - mouseOffset.x +30;
	 	//dragObject.style.left     = parseInt(mousePos.x) - parseInt(mouseOffset.x) + parseInt(dragObject.scrollWidth)/2 + 'px';
		dragObject.style.left     = parseInt(mousePos.x)-350+'px';
		return false;
	}

}
function mouseUp(returnto){
if (dragObject){
}
if (returnto!=null && hideit!=1 || returnto!='' && hideit!=1 ) {
if (returnto!=null || returnto!='' ) {
dragappend(returnto,dragObject);
}
}
if (hideit=="1"){
try{dragObject.style.display='none';}catch(err){}
}
	document.body.style.cursor = 'auto';
	dragObject = null;
	document.getElementById('recyclediv').style.visibility='hidden';
}

function makeDraggable(item){
	if(!item) return;
	item.onmousedown = function(ev){
		dragObject  = this;
		mouseOffset = getMouseOffset(this, ev);
		return false;
	}
	//item.onselectstart=function(){
//return false;
//}
}
function dragappend(target,dragobject){
try{
	dragobject.onselectstart=function(){
return true;
}
dragobject.style.position='relative';
 // dragObject.style.opacity = 1;
 // dragObject.style.filter = 'alpha(opacity=100)';
dragobject.style.border='';
//dragobject.style.background='';
dragobject.style.top='0px';
dragobject.style.left='0px';
dragobject.style.width=parseInt(savedwidth)+'px';
target.appendChild(dragobject);
dragobject.style.zIndex='2';

//pos=dragobject.id.search("n");
//id=dragobject.id.substring(pos+1,dragobject.id.length);
}
catch(err){}
dragObject = null;
}


/*document.onselectstart=function(){
return false;
}*/