var DragHandler = {
	_oElem : null,
	attach : function(oElem) {
		oElem.onmousedown = DragHandler._dragBegin;
		oElem.dragBegin = new Function();
		oElem.drag = new Function();
		oElem.dragEnd = new Function();
		return oElem;
	},
	_dragBegin : function(e) {
		var oElem = DragHandler._oElem = this;
		if (isNaN(parseInt(oElem.style.top))) {oElem.style.top = '0px'; }
		var y = parseInt(oElem.style.top);	
		e = e ? e : window.event;
		oElem.mouseY = e.clientY;
		oElem.dragBegin(oElem, y);
		document.onmousemove = DragHandler._drag;
		document.onmouseup = DragHandler._dragEnd;
		//alert(oElem.id)
		return false;
	},
	_drag : function(e) {
		
		var oElem = DragHandler._oElem
		var y = parseInt(oElem.style.top);
		e = e ? e : window.event;
		var kim = oElem.id;
		if (y + (e.clientY - oElem.mouseY)>=0 && y + (e.clientY - oElem.mouseY)<=200){
			
		//document.getElementById('ccc').innerHTML = kim.toString() == "dragable2";
			if (kim.toString() == "dragable1"){
				var dW  = document.getElementById('content');
				var dWM  = document.getElementById('contentMask');
				if (dW.offsetHeight > dWM.offsetHeight){
					//dW.style.top = -y + 'px';
					dW.style.top = ((dW.offsetHeight - dWM.offsetHeight) / 200) * y * -1+ 'px';
				}
			}else if (kim.toString() == "dragable2"){
					var d2W  = document.getElementById('menuCn');
					var d2WM  = document.getElementById('side1');
					if (d2W.offsetHeight > d2WM.offsetHeight){
						//dW.style.top = -y + 'px';
						d2W.style.top = ((d2W.offsetHeight - d2WM.offsetHeight) / 200) * y * -1+ 'px';
					}
			}
		oElem.style.top = y + (e.clientY - oElem.mouseY) + 'px';
		oElem.mouseY = e.clientY;
		oElem.drag(oElem,y);
		}
		return false;
	},
	_dragEnd : function() {
		var oElem = DragHandler._oElem;
		var y = parseInt(oElem.style.top);
		oElem.dragEnd(oElem,y);
		document.onmousemove = null;
		document.onmouseup = null;
		DragHandler._oElem = null;
		
	}
	
	
}