var dasaz        = 12; 
var interpretz   = 13;
var chartlistz   = 14;
var planetchartz = 15;
var confirmz     = 17;
var confirmz     = 19;
var transitz     = 31;
var natal2z      = 30;
clicked = false;
var currdiv;

function resetZIndex() {
  document.styleSheets[0].rules[1].style.zIndex = dasaz;
  document.styleSheets[0].rules[3].style.zIndex = interpretz;
  document.styleSheets[0].rules[5].style.zIndex = chartlistz;
  document.styleSheets[0].rules[7].style.zIndex = planetchartz;
  document.styleSheets[0].rules[9].style.zIndex = transitz;
  document.styleSheets[0].rules[11].style.zIndex = natal2z;
  document.styleSheets[0].rules[12].style.zIndex = confirmz;
  document.styleSheets[0].rules[14].style.zIndex = horaryz;
}

function startDrag(cx,cy) {
	resetZIndex();

	switch (currdiv) {
	  case "dasadiv" :
	    document.styleSheets[0].rules[1].style.zIndex = 99;
	    break;
	  case "interpretdiv" :
	    document.styleSheets[0].rules[3].style.zIndex = 99;
	    break;
	  case "chartlistdiv" :
	    document.styleSheets[0].rules[5].style.zIndex = 99;
	    break;
	  case "planetchartdiv" :
	    document.styleSheets[0].rules[7].style.zIndex = 99;
	    break;
	  case "transitdiv" :
	    document.styleSheets[0].rules[9].style.zIndex = 99;
	    break;
	  case "natal2div" :
	    document.styleSheets[0].rules[11].style.zIndex = 99;
	    break;
	  case "confirmdiv" :
	    document.styleSheets[0].rules[12].style.zIndex = 99;
	    break;
	  case "horarydiv" :
	    document.styleSheets[0].rules[14].style.zIndex = 99;
	    break;
	}

	clicked = true;
	pleft=parseInt(document.getElementById(currdiv).style.left);
      ptop=parseInt(document.getElementById(currdiv).style.top);
	dragxcoor=cx;	
      dragycoor=cy;	
}
		
function stopDrag() { 
	var natalpos = document.getElementById('nataldiv').style.top + document.getElementById('nataldiv').style.left;
	var dasapos = document.getElementById('dasadiv').style.top + document.getElementById('dasadiv').style.left;
	var interpretpos = document.getElementById('interpretdiv').style.top + document.getElementById('interpretdiv').style.left;
	var chartlistpos = document.getElementById('chartlistdiv').style.top + document.getElementById('chartlistdiv').style.left;
	var planetchartpos = document.getElementById('planetchartdiv').style.top + document.getElementById('planetchartdiv').style.left;
	var transitpos = document.getElementById('transitdiv').style.top + document.getElementById('transitdiv').style.left;
	var natal2pos = document.getElementById('natal2div').style.top + document.getElementById('natal2div').style.left;
	var confirmpos = document.getElementById('confirmdiv').style.top + document.getElementById('confirmdiv').style.left;
	var horarypos = document.getElementById('horarydiv').style.top + document.getElementById('horarydiv').style.left;

	writeCookie("natal", natalpos, "");
	writeCookie("dasa", dasapos, "");
	writeCookie("interpret", interpretpos, "");
	writeCookie("chartlist", chartlistpos, "");
	writeCookie("planetchart", planetchartpos, "");
	writeCookie("transit", transitpos, "");
	writeCookie("natal2", natal2pos, "");
	writeCookie("confirm", confirmpos, "");
	writeCookie("horary", horarypos, "");
	clicked = false;
}
	
function dragBox(evt) {
e = evt || event;
	if (clicked == true) {
	switch (currdiv) {
	  case "dasadiv" :
	    if (e.offsetX > 170) {
		clicked=false;
		break;
	    }
	  case "interpretdiv" :
	    if (e.offsetX > 380) {
		clicked=false;
		break;
	    }
	  case "planetchartdiv" :
	    if (e.offsetX > 284) {
		clicked=false;
		break;
	    }
	  default :
	    newx = pleft+e.clientX-dragxcoor;
	    newy = ptop+e.clientY-dragycoor;
	    document.getElementById(currdiv).style.left=newx;
	    document.getElementById(currdiv).style.top=newy;
	    return false;
	}
   }
}
document.onmousemove = dragBox;