var dragIt = false
var muisX
var muisY
var x; var y; var l; var t;
var interval 
var div
//globals/////////////////////////////
function init(){
	handleMove()
	interval = setInterval('drag()',5);
}//funct//////////////////////////////
function setDrag(nr){
	div = eval('d' + nr)
	if(!dragIt){
		x = event.clientX 
		y = event.clientY
		l = div.style.pixelLeft 
		t = div.style.pixelTop
		dragIt=true
		setText()
	}else{
		dragIt = false
		setText()
	}
}//funct//////////////////////////////
function handleMove(){
	muisX = event.clientX
	muisY = event.clientY	
}//funct//////////////////////////////
function setText(){
if(dragIt==true)parent.document.images[0].src="tdrop.gif"	
else parent.document.images[0].src="tdrag.gif"
}//funct//////////////////////////////
function drag(){
	if(dragIt){//if1
		if(div==eval('d1')){
			var newLeft = l + muisX - x
			div.style.pixelLeft = newLeft
			document.images.red.width = div.style.pixelLeft 
			if(newLeft>190)yellowDiv.style.pixelLeft=newLeft
			else yellowDiv.style.pixelLeft=190
		}else if(div==eval('d2')){
			var newTop = t + muisY - y
			if(newTop<d3.style.pixelTop-6){
				div.style.pixelTop = newTop
				yellowDiv.style.pixelTop= newTop+8
				document.images.yellow.height =(d3.style.pixelTop-d2.style.pixelTop-8)
			}else{
				dragIt = false
				setText()
			}
			if(newTop>50)document.images.red.height=50
			else document.images.red.height=newTop
		}else{
			var newTop = t + muisY - y
			if(newTop>d2.style.pixelTop+6){
				div.style.pixelTop = newTop
				document.images.yellow.height =(d3.style.pixelTop-d2.style.pixelTop-8)
			}else{
			dragIt = false
			setText()
			}
		}
	}//if1
}//funct//////////////////////////////