function getPlanTable(courses,title){
  var code = "<table class='regtable' style='width:90%; margin-right: 20px;font-size: 20pt' border='1'>\n"
           + "<tr>\n"
           + "<td class='regtabletitle' colspan='4'>" + title + "</td>"
           + "</tr>\n"
           + "<tr>\n"
           + "<td style='width:5%;' class='regtableth' bgcolor='#EEEEEE'>رقم المادة</td>"
           + "<td style='width:45%;' class='regtableth' bgcolor='#EEEEEE'>اسم المادة</td>"
           + "<td style='width:5%;' class='regtableth' bgcolor='#EEEEEE'>عدد الساعات</td>"
           + "<td style='width:45%;' class='regtableth' bgcolor='#EEEEEE'>المتطلب السابق</td>"
           + "</tr>";

  for(var i=0;i<courses.length;i++)
    code += '<tr>'
          + '<td  class="regtabletdraw" style="width:5%; align="center"><label class="det" style="font-size:18px;">' + courses[i].no + '</label></td>\n'
          + '<td  class="regtabletdraw" style="width:45%; padding-right: 5px;"  align="right"><label class="det" style="font-size:18px;">' + courses[i].arabicName + '</label></td>\n'
          + '<td  class="regtabletdraw" style="width:5%;" align="center"><label class="det" style="font-size:18px;">' + courses[i].creditHours + '</label></td>\n'
          + '<td  class="regtabletdraw" style="width:45%; padding-right: 5px;" align="right"><label class="det" style="font-size:18px;">' + courses[i].preCourses + '</label></td>\n'
          + '</tr>\n';
  code += '</table>';
  return code;
}


function getPlanCode(id){
  
  var classifications = getPlanClassifications(id);
  var width = Math.round(100/Math.round(classifications.length/3.0));
  var code = '<br><br><table width="100%" cellpadding="0" cellspacing="2" border="0"><tr>';
  for(var i=0;i<classifications.length;i++){
    if(i==0 || i == Math.round(classifications.length/2)){
      if(i == Math.round(classifications.length/2))
        code += '</table></td>';
      code += '<td width="50%" valign="top" align="center"><table width="100%" cellpadding="0" cellspacing="0" border="0">';
    }

    code += '<tr><td width="100%" valign="top" align="center">'
          + '<table width="100%" cellpadding="0" cellspacing="0">'
          + '<tr>'
          + '<td>'
          + getPlanTable(classifications[i].courses,classifications[i].arabicName + " -  عدد الساعات المطلوبة:" + classifications[i].maxHours)
          + '</td>'
          + '</tr>\n'
          + '</table>'
          + '</td></tr>';

/*
    code += '<tr><td width="100%" valign="top" align="center">'
          + '<table width="100%" cellpadding="0" cellspacing="0">'
          + '<tr>'
          + '<td><label class="regtabletitle" style="color:#ff0000;">' + classifications[i].arabicName + '</label></td>\n'
          + '<td><label class="regtabletitle">عدد الساعات المطلوبة:</label>\n'
          + '<label class="det" style="font-size:14px; color: blue;">' + classifications[i].maxHours + '</label></td>\n'
          + '</tr>'
          + '<tr>'
          + '<td colspan="3">'
          + getPlanTable(classifications[i].courses)
          + '</td>'
          + '</tr>\n'
          + '</table>'
          + '</td></tr>';
*/
          //+ '<br><hr width="100%" color="red" ><br>';
  }
  code += '</tr></table>';
          
  return code;
}


function doViewPlan(){
  document.getElementById("workspace").innerHTML = getPlanCode(document.getElementById("plan").value);
}

function doPrint(){
  var win = window.open("/courses/print.jsp","temp_frame","");
  //win.document.getElementById("workspace").innerHTML = document.getElementById("workspace").innerHTML;
  //win.print();
}