<!--

function dropItems(idOfDraggedItem,targetId,x,y)
{
    var obj = document.getElementById(idOfDraggedItem);
    var amt = parseInt(barr[idOfDraggedItem]);
    if(targetId=='rightColumn'){
        if(obj.parentNode.id=='dropContent2')return;
        document.getElementById('dropContent2').appendChild(obj);   // Appending dragged element as child of target box
        lamt -= amt;
        ramt += amt;
    }
    if(targetId=='leftColumn'){
        if(obj.parentNode.id=='dropContent1')return;
        document.getElementById('dropContent1').appendChild(obj);   // Appending dragged element as child of target box
        lamt += amt;
        ramt -= amt;
    }
    showamts();
}


var dragDropObj = null;
var barr = null;
var lamt = 0;var ramt = 0;var tamt = 0;var pnum = 0;var score=0;

function showamts()
{
document.getElementById("lbt").innerHTML = "Money in this box(1) = $" + lamt + "<br><br>";
document.getElementById("rbt").innerHTML = "Money in this box(2) = $" + ramt + "<br><br>";
}

function submitform()
{
    score = 100*5/score;
    f = document.getElementById("stuscr");
    o = f.appendChild(document.createElement('div'));
    o.innerHTML="<input type=hidden name=score value=" + score + ">";
    o = f.appendChild(document.createElement('div'));
    o.innerHTML="<input type=hidden name=name value=\"" + window.parent.document.getElementById("nmplc").innerHTML + "\">";
    document.percentfrm.submit();
}
function IsAlphaNum(str) {
  $cstr = new String(str);
  return $cstr.match(/^[a-zA-Z0-9 ]+$/);
}

function setName()
{
  var nm;
  nm=document.percentfrm.sname.value;
  if (nm.length > 0)
  {
    if (IsAlphaNum(nm) == null)
    {
      alert("Name should contain only Alpha Numeric characters");
      document.percentfrm.sname.focus();
      return false;
    }
    var nm2;
    nm2=window.parent.document.getElementById("nmplc");
    if (nm2 != null) {nm2.innerHTML=nm;}
  }
  return true;
}

function getName()
{
    var nm2=window.parent.document.getElementById("nmplc");
    if (nm2 != null) {
      if (nm2.innerHTML != "Name") {
        document.percentfrm.sname.value=nm2.innerHTML;
      }
    }
    document.percentfrm.sname.focus();
}

function checkAns()
{
    score++;
    if (ramt == ansarr[pnum])
    {
        alert("Congratulations!\n" + qarr[pnum] + "% of $" + tamt + " is $" + ramt);
        pnum++;
    }
    else
    {
        alert("Sorry!\n" + qarr[pnum] + "% of $" + tamt + " is NOT $" + ramt);
    }

    if (pnum > 4) {submitform();} else {initScr(pnum);}
    return false;
}

function initScr(pnum)
{
    lamt = 0;
    ramt = 0;
    dragDropObj = new DHTMLgoodies_dragDrop();
    barr = prbarr[pnum].split("|");

    var str = "";
    for (i = 1; i < barr.length; i++)
    {
        str += ("<div class='dragableBox' id=" + i + ">$" + barr[i] + "</div>");
        lamt += parseInt(barr[i]);
    }
    document.getElementById("dropContent1").innerHTML = str;
    document.getElementById("dropContent2").innerHTML = "";
    tamt = lamt;
    showamts();
    for (i = 1; i < barr.length; i++)
    {
        dragDropObj.addSource(i,true);
    }
    dragDropObj.addTarget('rightColumn','dropItems');
    dragDropObj.addTarget('leftColumn','dropItems');
    dragDropObj.init();
    document.getElementById("perctxt").innerHTML = "<ul><li>You have <b>$" + tamt + "</b> in box(1).<li>Drag and drop <b>" + qarr[pnum] + "%</b> of that money into box(2).<li>Select <b>Check</b> button to check your answer.</ul>";
}

//-->

