var domStyle = null;

function pickIt(evt) {
	if (isLayers) {
		var testObject;
		var xPos = evt.pageX;
		var yPos = evt.pageY;
		// In Netscape, cycles through the layers to see 
		// if the mouse pointer is in one of them
		for (var i = document.layers.length - 1; i >= 0; i--) {
 			testObject = document.layers[i]
			if ((xPos > testObject.left) &&
			(xPos < testObject.left + testObject.clip.width) &&
			(yPos > testObject.top) &&
			(yPos < testObject.top + testObject.clip.height)) {
				domStyle = testObject;
			}
		}
	} 
	else {
		// accesses the element that generated the event and gets its ID name
		objectID = event.srcElement.id;
		// checks if this is one of our chips
		if (objectID.indexOf('chip') != -1){
			domStyle = findDOM(objectID,1);
		  dom = findDOM(objectID,0);
		}
	}
	
	if (domStyle) { 
		document.getElementById('wrong').style.visibility = 'hidden';
    domStyle.zIndex = 100;
		return false;
	}
	else {
		domStyle = null;
		return;
	}
}

function dragIt(evt) {
	if (domStyle) {
		if (isLayers) {
			domStyle.left = evt.pageX;
			domStyle.top = evt.pageY;
		} 
 		else {
			domStyle.left = window.event.x;
			domStyle.top = window.event.y;
      }
   }
}

function dropIt() {
	if (domStyle) {	
		domStyle.zIndex = 1;
		}
if (domStyle != null){
for (guide_number=1; guide_number<=number_of_chips; guide_number++){
  objectNumber = "guide" + guide_number;
  guide_left = document.getElementById(objectNumber).offsetLeft;
	guide_top  = document.getElementById(objectNumber).offsetTop;
	
	chip_left = dom.offsetLeft;
	chip_top  = dom.offsetTop;
	
  difference_left = guide_left - chip_left;
	difference_left = difference_left * difference_left;
  difference_left = Math.sqrt(difference_left);
	difference_top = guide_top - chip_top;
	difference_top = difference_top * difference_top;
	difference_top = Math.sqrt(difference_top);
	
	if ((difference_left<=10) && (difference_top<=10))
	{  domStyle.left = guide_left;
	   domStyle.top = guide_top;
	  }//end of if
 }//end of for
 }//end of if domStyle != null
 domStyle = null;
}//end of function dropIt

function defaultEvents() { 
 	if (isLayers) {
 	//Gives Navigator 4 global event capturing
 	      document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP) 
 	}
 	if (isDHTML){
 	//Sets up event capturing in both Navigator 4 and Internet Explorer 4 
	document.onmousedown = pickIt;
	document.onmousemove = dragIt;
	document.onmouseup = dropIt;

	}
}