to keep the selected divs from toggling while dragging change the js like so:

selectNum = 0;
var originalbutton = true;
var orignalstate = “”;

function StartDragSelect(obj) {
if (originalbutton) {
originalstate = obj.className;
originalbutton = false;
}

if (obj.className == “selected” && originalstate == “selected”) {
obj.className = “”;
selectNum–;
}
else if (obj.className == “” && originalstate == “”) {
obj.className = “selected”;
selectNum++;
}
document.getElementById(”selectCount”).innerHTML = selectNum;

for(i=1;i<11;i++) {
document.getElementById(i+’d').onmouseover = document.getElementById(i+’d').onmousedown
}

obj.onmouseup = function() {
for(i=1;i<11;i++)
{
document.getElementById(i+’d').onmousedown = document.getElementById(i+’d').onmouseover;
document.getElementById(i+’d').onmouseover = null;
}
originalbutton = true;
}
}

This will teach you how, by using Javascript, you can create a “click and drag” effect for your objects….