From c4f926438dcb8abe805e910399940f79ff643c4b Mon Sep 17 00:00:00 2001
From: ziejd2
Date: Thu, 14 Sep 2017 15:39:41 -0500
Subject: Add files via upload

---
 sourcecodes/network_layout_evd_2_example.php | 953 +++++++++++++++++++++++++++
 1 file changed, 953 insertions(+)
 create mode 100644 sourcecodes/network_layout_evd_2_example.php

(limited to 'sourcecodes/network_layout_evd_2_example.php')

diff --git a/sourcecodes/network_layout_evd_2_example.php b/sourcecodes/network_layout_evd_2_example.php
new file mode 100644
index 00000000..055216e3
--- /dev/null
+++ b/sourcecodes/network_layout_evd_2_example.php
@@ -0,0 +1,953 @@
+<?php 
+include("structuremap.php");
+
+
+function levelmap($inx,$name,$mapdata)
+{
+
+$leve_l=array();
+$leve_l=explode("\n",$mapdata);
+$leve_d=array();
+
+foreach($leve_l as $l)
+{ 
+  $l=trim($l);
+  $leve_d=explode("\t",$l);
+  $inxname=trim($leve_d[0]);
+  $name=trim($name);
+  if($inxname==$name)
+    return $leve_d[$inx];
+}
+           
+}
+
+
+
+$keyval=trim($_GET["My_key"]);
+//////////////////////////Entered evidences//////////////////////////////////////////
+$dir="./data/";
+
+$lfile=$dir.$keyval."nlevels.txt";
+$levelmap=file_get_contents($lfile);   
+
+
+
+$lf=$dir."$keyval"."varname.txt";
+
+$lines = file("$lf");
+
+$ev_arr=array();
+$evdata_arr=array();
+
+$data_cell_ev=array();
+$cev=0;
+
+// Loop through our array, show HTML source as HTML source; and line numbers too.
+foreach ($lines as $line_num => $line) 
+{
+	$data_cell_ev=explode("\t",$line);
+	foreach ($data_cell_ev as $ld)
+	{
+  		$ldd=trim($ld);
+  		if($ldd !="")
+  		{
+        		$ev_arr[$cev]=$ldd;  
+                     $cev++;
+  			//echo "Line #<b>{$line_num}</b> : " . htmlspecialchars($ldd) . "<br />\n";
+  		}
+	}
+
+}
+
+$lf=$dir."$keyval"."vardata.txt";
+$linesd = file("$lf");
+
+$cevdata=0;
+// Loop through our array, show HTML source as HTML source; and line numbers too.
+foreach ($linesd as $line_num => $line) 
+{
+  
+	$data_cell_ev=explode("\t",$line);
+	foreach ($data_cell_ev as $ld)
+	{
+  		$ldd=trim($ld);
+  		if($ldd !="")
+  		{
+        		$evdata_arr[$cevdata]=$ldd;  
+                     $cevdata++;
+                     //echo "Line #<b>{$line_num}</b> : " . htmlspecialchars($ldd) . "<br />\n";
+
+  			
+  		}
+	}
+  
+}
+
+
+
+////////////////////////////////////Read data from net_figure file///////////////////////Graphp Display/////////////////////////////////////////////
+
+
+$matfile=$dir.$keyval."net_figure_new.txt";
+
+$data_val="";
+
+$matrix=file("$matfile");
+$matrix1=file_get_contents("$matfile");              //file("$matfile");
+
+
+$str_arrmat=array();
+$str_arrmat=explode("\n",$matrix1);
+
+$node=trim($str_arrmat[1]);
+
+if($str_arrmat[2]=="" || $matrix1=="")
+{
+?>
+<h1><font color=blue>Error: Unable to display your network structure.</font></h1>
+<?php
+exit;
+}
+/*
+if($node<=5)
+{
+  $width=200;
+  $hieght=150;
+  $font=11;
+}
+else if($node>5 && $node<=7)
+{
+  $width=150;
+  $hieght=120;
+  $font=10;
+
+}
+else if($node>7 && $node<=10)
+{
+  $width=110;
+  $hieght=85;
+  $font=8;
+}
+else 
+{
+  $width=80;
+  $hieght=60;
+  $font=7;
+}
+*/
+  $width=150;
+  $hieght=150;
+  $font=12;
+
+
+$datamat=array();
+$data_read=array();
+
+$r_index=$node+3;
+
+for($i=0;$i<$node;$i++)
+{
+  	$datamat=explode("\t",$str_arrmat[$r_index]);
+   	$data_read[$i][0]=trim($datamat[0]);  //name
+ 	$data_read[$i][1]=trim($datamat[1]);  //datatype
+       $nodetype=$data_read[$i][1];
+	$col_in=2;
+	$r_index+=4;
+	$evd=-9999;
+	$name=$data_read[$i][0];
+	for($ii=0;$ii<$cev;$ii++)
+	{
+     		if($ev_arr[$ii]==$name)
+     		{
+        		$evd=$evdata_arr[$ii]; 
+                     if($nodetype>1)
+                       $evd=levelmap($evd,$data_read[$i][0],$levelmap);
+ 
+        		break;
+     		}
+	}
+
+	if($evd!=-9999)//with evidence
+	{
+           $datamat=explode("\t",$str_arrmat[$r_index]);
+           $data_read[$i][$col_in]=trim($datamat[0]);  //x data
+           $col_in++;
+           $data_read[$i][$col_in]=trim($datamat[1]);  //y data
+           $col_in++;
+           $r_index++; // increment to point next data
+
+      	
+	}
+	else //without evidence
+	{
+		if($nodetype==1)  //type=coninuous
+		{
+         		for($j=1;$j<=101;$j++)
+         		{
+           			$datamat=explode("\t",$str_arrmat[$r_index]);
+           			$data_read[$i][$col_in]=trim($datamat[0]);  //x data
+			       $col_in++;
+           			$data_read[$i][$col_in]=trim($datamat[1]);  //y data
+           			$col_in++;
+           			$r_index++; // increment to point next data
+        
+        		 } 
+		}
+		if($nodetype>1)  //type=descrete
+		{
+         		$iter=$datamat[1];
+         		for($j=1;$j<=$iter;$j++)
+         		{
+           			$datamat=explode("\t",$str_arrmat[$r_index]);
+           			$data_read[$i][$col_in]=trim($datamat[0]);  //x data
+                     	$data_read[$i][$col_in]=levelmap($data_read[$i][$col_in],$data_read[$i][0],$levelmap);
+           			$col_in++;
+           			$data_read[$i][$col_in]=trim($datamat[1]);  //y data
+           			$col_in++;
+           			$r_index++; // increment to point next data
+           //echo "<br />"; 
+         		} 
+		}
+
+	}
+
+}
+
+
+$matfile_old=$dir.$keyval."net_figure.txt";
+
+$data_val="";
+
+$matrix_old=file("$matfile_old");
+$matrix1_old=file_get_contents("$matfile_old");              //file("$matfile");
+$str_arrmat_old=array();
+$str_arrmat_old=explode("\n",$matrix1_old);
+$datamat_old=array();
+$data_read_old=array();
+$node_old=trim($str_arrmat_old[0]);
+$r_index_old=$node_old+2;
+
+for($i=0;$i<$node_old;$i++)
+{
+	$datamat_old=explode("\t",$str_arrmat_old[$r_index_old]);
+	$data_read_old[$i][0]=trim($datamat_old[0]);  //name
+	$data_read_old[$i][1]=trim($datamat_old[1]);  //datatype
+	$col_in_old=2;
+	$r_index_old+=4;
+	if($datamat_old[1]==1)  //type=coninuous
+	{
+         for($j=1;$j<=101;$j++)
+         {
+           $datamat_old=explode("\t",$str_arrmat_old[$r_index_old]);
+           $data_read_old[$i][$col_in_old]=trim($datamat_old[0]);  //x data
+
+           $col_in_old++;
+           $data_read_old[$i][$col_in_old]=trim($datamat_old[1]);  //y data
+   
+           $col_in_old++;
+           $r_index_old++; // increment to point next data
+
+         } 
+	}
+	if($datamat_old[1]>1)  //type=descrete
+	{
+         $iter=$datamat_old[1];
+         for($j=1;$j<=$iter;$j++)
+         {
+           $datamat_old=explode("\t",$str_arrmat_old[$r_index_old]);
+           $data_read_old[$i][$col_in_old]=trim($datamat_old[0]);  //x data
+           //$data_read_old[$i][$col_in_old]='y';
+           $data_read_old[$i][$col_in_old]=levelmap($data_read_old[$i][$col_in_old],$data_read_old[$i][0],$levelmap);
+ 
+           $col_in_old++;
+           $data_read_old[$i][$col_in_old]=trim($datamat_old[1]);  //y data
+           $col_in_old++;
+           $r_index_old++; // increment to point next data
+
+         } 
+	}
+}
+
+
+////////////////////////////////////////////////Graphviz data read////////////////////////////////////////////////////////////////////////////////
+$grv=$dir.$keyval."graphviz.txt";
+$line=shell_exec('/usr/bin/dot -Tplain -y '.$grv);
+
+
+//$grfilename=$keyval."graphviz.txt";
+//$cmd="/usr/bin/dot -Tplain -y  $grfilename";
+//$line=system($cmd);
+
+
+
+//shell_exec('/usr/bin/dot -Tpng -o /var/www/html/compbio/BNW/graphviz.png /var/www/html/compbio/BNW/graphviz.txt');
+$str_arrname=array();
+$str_arrname=explode("\n",$line);
+$data=array();
+$ID_data=array();
+$i=0;
+$ii=0;
+foreach($str_arrname as $row)
+{
+  $i++;
+  if($i>1)
+  {
+       
+  	$data=explode(" ",$row);
+       $j=0;
+       $k=0;
+       $flag=0;
+  	foreach($data as $cell)
+	{
+             
+             $j++;
+             
+             $cell=trim($cell);
+             //echo $cell;
+             //echo '&nbsp';
+             if($j==1 && $cell=="node")
+             {
+                $flag=1;
+             }  
+               
+             if($j>1 && $j<5 && $flag==1)
+             {
+    		  //echo $cell;
+   		  //echo '&nbsp';
+                if($j==2)
+                   $ID_data[$ii][$k]=$cell;
+                else
+                   $ID_data[$ii][$k]=round($cell/10*900);
+               // echo $ID_data[$ii][$k];
+                //echo '&nbsp';
+
+                $k++; 
+             }
+       } 
+  
+       if($flag==1)
+       {
+          $ID_data[$ii][3]=$ID_data[$ii][1]+100;
+          $ID_data[$ii][4]=$ID_data[$ii][2]+150; 
+          $ID_data[$ii][5]=$ID_data[$ii][1]+100;
+          $ID_data[$ii][6]=$ID_data[$ii][2]; 
+          $ii++;
+          //echo "<br />"; 
+       } 
+     // echo "<br />"; 
+	
+  }
+}
+
+$nnode=$ii;
+$edge_data=array();
+
+$i=0;
+$ii=0;
+
+foreach($str_arrname as $row)
+{
+  $i++;
+  if($i>1)
+  {
+       
+  	$data=explode(" ",$row);
+       $j=0;
+       
+       $flag=0;
+       $number_of_point=0;
+       $index=0; 
+  	foreach($data as $cell)
+	{
+             $j++;
+             $cell=trim($cell);
+         
+             if($j==1 && $cell=="edge")
+             {
+                $flag=1;
+             }  
+               
+             if($j==2 && $flag==1)
+             {
+                
+                for($k=0;$k<$nnode;$k++)
+                {
+                      if($cell==$ID_data[$k][0])
+                      {
+                          $edge_data[$ii][0]=$ID_data[$k][3];
+                          $edge_data[$ii][1]=$ID_data[$k][4];
+                      }                     
+
+                }
+               
+             }
+             else if($j==3 && $flag==1)
+             {
+               for($k=0;$k<$nnode;$k++)
+                {
+                      if($cell==$ID_data[$k][0])
+                      {
+                          $edge_data[$ii][2]=$ID_data[$k][5];
+                          $edge_data[$ii][3]=$ID_data[$k][6];
+                      }                     
+
+                }
+
+             }
+             else if($j==4 && $flag==1)
+             {
+                  $edge_data[$ii][4]=$cell;
+                  $number_of_point=$cell*2;
+                  $index=5;
+             }
+             else if($j>4 && $number_of_point>0 && $flag==1)
+             {
+                if(($j%2)!=0)
+                  $edge_data[$ii][$index]=round($cell/10*900)+60;//+30+30;
+                else
+                  $edge_data[$ii][$index]=round($cell/10*900)+48;//+18+30;
+
+                $number_of_point--;
+                $index++;
+             }
+
+
+             
+       } 
+       if($flag==1)
+       {
+          $ii++;
+          //echo "<br />"; 
+       } 
+ 	
+  }
+}
+
+
+$nedges=$ii;
+//echo $nedges;
+
+?>
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
+<script type="text/javascript" src="http://www.google.com/jsapi"></script>
+ <script type="text/javascript">
+  google.load('visualization', '1', {packages: ['corechart']});
+ </script>
+ 
+
+<?php 
+$data_val="";
+
+for($i=0;$i<$nnode;$i++)
+ {
+////////////////////////////select node //////////////////////////////////////
+ $name=$ID_data[$i][0];
+ $fname="draw_".$name."()";
+ $data_val.=$name;
+ $flag=0; //evidence flag
+ for($j=0;$j<$node;$j++)
+ {
+    if($data_read[$j][0]==$name)
+    {
+       $s_i=$j;
+       break;
+    } 
+ }
+ for($j=0;$j<$node_old;$j++)
+ {
+    if($data_read_old[$j][0]==$name)
+    {
+       $s_i_old=$j;
+       break;
+    } 
+ }
+ 
+
+/////////////////////////////////Display nodes//////////////////////////////////////////////////////////
+?>    
+<script type="text/javascript">
+<?php
+  $node_type=$data_read[$s_i][1];
+  if($node_type>1) //discrete node
+  { 
+?>
+  function <?php print($fname);?> {
+  // Create and populate the data table.
+  <?php
+ $evd=-9999;
+  for($ii=0;$ii<$cev;$ii++)
+  {
+     if($ev_arr[$ii]==$name)
+     {
+        $evd=$evdata_arr[$ii]; 
+        $evd=levelmap($evd,$name,$levelmap); 
+        $flag=1;
+        break;
+     }
+  }
+if($evd==-9999)
+{
+?>
+  var data = google.visualization.arrayToDataTable([
+   ['<?php print($name);?>', 'Old', 'New'],
+<?php
+  $c_i=2; 
+  $c_i_old=2;
+  for($j=0;$j<$node_type-1;$j++) 
+  {     
+       $val1=trim($data_read[$s_i][$c_i]);
+      // $val1=map($name,$val1);
+       $c_i++;
+       $val2=trim($data_read[$s_i][$c_i]);
+       $c_i++;
+       $val1_old=trim($data_read_old[$s_i_old][$c_i_old]);
+       $c_i_old++;
+       $val2_old=trim($data_read_old[$s_i_old][$c_i_old]);
+       $c_i_old++;        
+  ?>
+   ['<?php print($val1);?>', <?php print($val2_old);?>, <?php print($val2);?>],
+  <?php
+  }
+  if($j==$node_type-1)
+  {
+       $val1=trim($data_read[$s_i][$c_i]);
+       // $val1=map($name,$val1);
+       $c_i++;
+       $val2=trim($data_read[$s_i][$c_i]);
+       $c_i++;
+       $val1_old=trim($data_read_old[$s_i_old][$c_i_old]);
+       $c_i_old++;
+       $val2_old=trim($data_read_old[$s_i_old][$c_i_old]);
+       $c_i_old++;        
+  ?>
+   ['<?php print($val1);?>', <?php print($val2_old);?>, <?php print($val2);?>]
+<?php
+  }
+}
+else
+{
+  
+?>
+  var data = google.visualization.arrayToDataTable([
+    ['<?php print($name);?>', 'Old', 'New'],
+
+<?php
+ 
+  $c_i_old=2;
+  for($j=0;$j<$node_type-1;$j++) 
+  {     
+       $val1_old=trim($data_read_old[$s_i_old][$c_i_old]);
+       $c_i_old++;
+       $val2_old=trim($data_read_old[$s_i_old][$c_i_old]);
+       $c_i_old++; 
+       if($val1_old==$evd)       
+       {
+  ?>
+         ['<?php print($val1_old);?>', <?php print($val2_old);?>, 1],
+
+  <?php
+       }
+       else{
+       ?>
+         ['<?php print($val1_old);?>', <?php print($val2_old);?>, 0],
+
+<?php
+         }   
+  }
+  if($j==$node_type-1)
+  {
+       $val1_old=trim($data_read_old[$s_i_old][$c_i_old]);
+       $c_i_old++;
+       $val2_old=trim($data_read_old[$s_i_old][$c_i_old]);
+       $c_i_old++;
+      if($val1_old==$evd)       
+       {
+      
+  ?>
+        ['<?php print($val1_old);?>', <?php print($val2_old);?>, 1]
+      <?php
+       } 
+       else{
+       ?>
+        ['<?php print($val1_old);?>', <?php print($val2_old);?>, 0] 
+<?php
+         }  
+  }
+}
+?>
+ ]);
+ 
+      
+        // Create and draw the visualization.
+      
+      var cnode="<?php print($name); ?>";
+      var keyv="<?php print($keyval);?>";
+     <?php if($evd!=-9999)
+             {
+                $named=$name.":".$evd;
+                $bcolor="red";
+                $font=10;
+             }
+             else
+             {
+                $named=$name;
+                $bcolor="black";
+                $font=12;
+             }
+         ?>  
+
+        var chart = new google.visualization.BarChart(document.getElementById('<?php print($name);?>'));
+        function selectHandler() {
+          var selectedItem = chart.getSelection()[0];
+          if (selectedItem) {
+            var topping = data.getValue(selectedItem.row, 0);
+            
+            var s = window.prompt('Selected evidence ' + topping + ' for ' + cnode + '. Enter new evidence ', topping );
+            
+            window.location.href = "add_evd_example.php?name=" + cnode + "&evidence=" + s + "&My_key=" + keyv;
+           
+
+  
+              //alert('The user selected ' + topping + topname);
+          }
+        } 
+         chart.draw(data,
+                 {title:"<?php print($named);?>", titleTextStyle: {fontSize: <?php print($font);?>},
+                  width:<?php print($width);?>, height:<?php print($hieght);?>,
+                  vAxis: {title: "State", textStyle: {fontSize:<?php print($font);?>}},
+		    hAxis: {title: "Fraction", minValue: 0, maxValue: 1, gridlines: {count: 3}}, legend: {position: 'none'},
+                  backgroundColor: {stroke: '<?php print($bcolor);?>', strokeWidth: 5}}
+            );
+        google.visualization.events.addListener(chart, 'select', selectHandler);  
+
+  }
+<?php
+ }
+ else //continuous node
+ {
+?>
+  function <?php print($fname);?> {
+  // Create and populate the data table.
+  <?php
+ $evd=-9999;
+  for($ii=0;$ii<$cev;$ii++)
+  {
+     if($ev_arr[$ii]==$name)
+     {
+        $evd=$evdata_arr[$ii]; 
+        break;
+     }
+  }
+if($evd==-9999)
+{
+?>
+  var data = google.visualization.arrayToDataTable([
+   ['<?php print($name);?>', 'Old', 'New'],
+<?php
+  $c_i=2;
+  $c_i_old=2;
+  for($j=0;$j<100;$j++) 
+  {
+       $val1=trim($data_read[$s_i][$c_i]);
+       $val1=map($name,$val1,$keyval);
+       $c_i++;
+       $val2=trim($data_read[$s_i][$c_i]);
+       $c_i++;         
+
+       $val1_old=trim($data_read_old[$s_i_old][$c_i_old]);
+       $c_i_old++;
+       $val2_old=trim($data_read_old[$s_i_old][$c_i_old]);
+       $c_i_old++; 
+  ?>
+   ['<?php print($val1);?>', <?php print($val2_old);?>, <?php print($val2);?>],
+
+  <?php
+  }
+  if($j==100)
+  {
+        $val1=trim($data_read[$s_i][$c_i]);
+       $val1=map($name,$val1,$keyval);
+
+       $c_i++;
+       $val2=trim($data_read[$s_i][$c_i]);
+       $c_i++;
+
+       $val1_old=trim($data_read_old[$s_i_old][$c_i_old]);
+       $c_i_old++;
+       $val2_old=trim($data_read_old[$s_i_old][$c_i_old]);
+       $c_i_old++;   
+  ?>
+   ['<?php print($val1);?>', <?php print($val2_old);?>, <?php print($val2);?>]
+<?php
+  }
+}
+else
+{
+    $evd=map($name,$evd,$keyval);
+    $evduse=$evd;
+?>
+  var data = google.visualization.arrayToDataTable([
+    ['<?php print($name);?>', 'Old', 'New'],
+
+<?php
+ 
+  $c_i_old=2;
+  for($j=0;$j<100;$j++) 
+  {     
+       $val1_old=trim($data_read_old[$s_i_old][$c_i_old]);
+       $val1_old=map($name,$val1_old,$keyval);
+
+       $c_i_old++;
+       $val2_old=trim($data_read_old[$s_i_old][$c_i_old]);
+       $c_i_old++; 
+       if($val1_old<$evduse)  
+       {
+       ?>
+         ['<?php print($val1_old);?>', <?php print($val2_old);?>, 0],
+<?php
+       }
+       else if($val1_old>=$evduse) 
+       {
+        $evduse=99999;
+       ?>
+       ['<?php print($val1_old);?>', <?php print($val2_old);?>, 1],
+     
+       <?php
+       } 
+ }
+  if($j==100)
+  {
+       $val1_old=trim($data_read_old[$s_i_old][$c_i_old]);
+       $val1_old=map($name,$val1_old,$keyval);
+       $c_i_old++;
+       $val2_old=trim($data_read_old[$s_i_old][$c_i_old]);
+       $c_i_old++;
+      
+  ?>
+        ['<?php print($val1_old);?>', <?php print($val2_old);?>, 0]
+ 
+<?php
+  }
+}
+?>
+ ]);
+
+      
+        // Create and draw the visualization.
+      var cnode="<?php print($name); ?>";
+      var keyv="<?php print($keyval);?>";
+
+       <?php if($evd!=-9999)
+             {
+                $named=$name.":".$evd;
+                $bcolor="red";
+                $font=10;
+             }
+             else
+             {
+                $named=$name;
+                $bcolor="black";
+                $font=12;
+             }
+         ?>  
+        var chart = new google.visualization.LineChart(document.getElementById('<?php print($name);?>'));
+
+        function selectHandler() {
+          var selectedItem = chart.getSelection()[0];
+          if (selectedItem) {
+           
+            var topping = data.getValue(selectedItem.row, 0);
+            var s = window.prompt('Selected evidence ' + topping + ' for ' + cnode + '. Enter new evidence ', topping );
+            window.location.href = "add_evd_example.php?name=" + cnode + "&evidence=" + s + "&My_key=" + keyv;  
+
+          }
+        }
+            chart.draw(data, {curveType: "function",
+                  title:"<?php print($named);?>", titleTextStyle: {fontSize: <?php print($font);?>},
+			legend: {position: 'none'},
+                  width:<?php print($width);?>, height:<?php print($hieght);?>,
+                  hAxis: {maxValue: 1, minValue: 0},
+			vAxis: {maxValue: 1, minValue: 0},
+                  backgroundColor: {stroke: '<?php print($bcolor);?>', strokeWidth: 5}}
+            );
+           google.visualization.events.addListener(chart, 'select', selectHandler); 
+       }
+
+<?php
+ }
+?>
+</script>
+<?php
+///////////////////////////end of display nodes////////////////////////////////////////////////
+}
+
+
+///////////////////////////////////write data to file///////////////////////////////////////////////////////////
+?>
+
+
+
+<script type="text/javascript">
+function canvas_arrow(context, fromx, fromy, tox, toy){
+    var headlen = 15;
+    var dx = tox-fromx;
+    var dy = toy-fromy;
+    var angle = Math.atan2(dy,dx);
+    context.moveTo(fromx,fromy);
+    context.lineTo(tox,toy);
+    context.lineTo(tox-headlen*Math.cos(angle-Math.PI/6),toy-headlen*Math.sin(angle-Math.PI/6));
+    context.moveTo(tox,toy);
+    context.lineTo(tox-headlen*Math.cos(angle+Math.PI/6),toy-headlen*Math.sin(angle+Math.PI/6));
+}
+</script>
+
+<script type="text/javascript">
+function canvas_arrow_head(context, fromx, fromy, tox, toy){
+    var headlen = 15;
+    var dx = tox-fromx;
+    var dy = toy-fromy;
+    var angle = Math.atan2(dy,dx);
+    context.moveTo(tox,toy);
+    context.lineTo(tox-headlen*Math.cos(angle-Math.PI/6),toy-headlen*Math.sin(angle-Math.PI/6));
+    context.moveTo(tox,toy);
+    context.lineTo(tox-headlen*Math.cos(angle+Math.PI/6),toy-headlen*Math.sin(angle+Math.PI/6));
+}
+</script>
+
+
+</head>
+
+<body>
+<canvas id="test" width="3000" height="3000" style="position:absolute">
+<script>
+function canvas_arrow_draw(n, polypts,context){
+
+//Create jsGraphics object
+var headlen = 10;
+/*
+var hexno=new String;
+arr=new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f");
+var n1=Math.round(Math.random()*15);
+var n2=Math.round(Math.random()*15);
+var n3=Math.round(Math.random()*15);
+var n4=Math.round(Math.random()*15);
+var n5=Math.round(Math.random()*15);
+var n6=Math.round(Math.random()*15);
+hexno="#"+arr[n1]+""+arr[n2]+""+arr[n3]+""+arr[n4]+""+arr[n5]+""+arr[n6];
+*/
+hexno="black";
+var polypoints = new Array();
+var n2=n*2;
+
+
+var sx=polypts[0];
+var sy=polypts[1];
+ 
+var sx1=polypts[n2-4];
+var sy1=polypts[n2-3];
+var ex1=polypts[n2-2];
+var ey1=polypts[n2-1];
+
+context.beginPath();
+canvas_arrow_head(context,sx1,sy1,ex1,ey1);
+
+context.moveTo(polypts[0],polypts[1]);
+nm=n%3;
+ni=(n-nm)/3;
+
+for(i=0;i<ni;i++)
+{
+  i11=i*6+2;
+  i12=i*6+3;
+  i21=i*6+4;
+  i22=i*6+5;
+  i31=i*6+6;
+  i32=i*6+7;
+
+  context.bezierCurveTo(polypts[i11],polypts[i12],polypts[i21],polypts[i22],polypts[i31],polypts[i32]);
+  context.moveTo(polypts[i31],polypts[i32]);
+
+ // polypoints[i] = new jxPoint(polypts[i1], polypts[i2]);
+}
+
+
+if(nm==2)
+{
+  context.moveTo(polypts[i21],polypts[i22]);
+  context.bezierCurveTo(polypts[i31],polypts[i32],sx1,sy1,ex1,ey1);
+  context.moveTo(ex1,ey1);
+
+}
+
+ context.strokeStyle = hexno;
+ context.stroke();
+
+}
+
+
+var canvas=document.getElementById("test");
+var context = canvas.getContext("2d");
+context.lineWidth = 3;
+
+<?php
+for($i=0;$i<$nedges;$i++)
+{
+
+   $n=$edge_data[$i][4]; 
+   $n2=$n*2;
+   
+?>
+var polypoints = new Array();
+var j=0;
+var n="<?php print($n);?>";
+<?php
+for($j=0;$j<$n2;$j++)
+{
+$inx=$j+5;
+$data=$edge_data[$i][$inx];
+
+?>
+	polypoints[j] = "<?php print($data);?>";
+
+       j++;
+<?php
+}
+?>
+canvas_arrow_draw(n,polypoints,context);
+<?php
+}
+?>
+
+
+
+</script>
+</canvas>
+
+
+<?php 
+for($i=0;$i<$nnode;$i++)
+{
+  $x=$ID_data[$i][1]-8; $y=$ID_data[$i][2]-20; 
+  $name=$ID_data[$i][0];
+?>
+
+<script type="text/javascript">
+   google.setOnLoadCallback(draw_<?php print($name)?>);
+</script>
+<div id="<?php print($name)?>" style="left: <?php print($x)?>px; top: <?php print($y)?>px; width:<?php print($width);?>; height:<?php print($hieght);?>; position: absolute"></div>
+
+<?php 
+}
+?>
+
+
+</body>
+
+
+
+</html>
+
-- 
cgit 1.4.1