bugfix: the slice page was broken when nobody is in slice
[plewww.git] / plekit / table / columns.js
index 115fc7c..2312e5e 100644 (file)
@@ -1,9 +1,305 @@
 
-/* $Id: table.js 13009 2009-04-10 10:49:28Z baris $ */
-
 var filtered_color = "grey";
 var normal_color = "black";
 
+//Descriptions overriding the default ones set in Accessors_site.py and configuration 
+
+var sourceComon = '<a class="source-url" target="source_window" href="http://comon.cs.princeton.edu/">CoMon</a>';
+var sourceTophat = '<a class="source-url" target="source_window" href="http://www.top-hat.info/">TopHat</a>';
+var sourceTophatAPI = '<a class="source-url" target="source_window" href="http://www.top-hat.info/API/">TopHat API</a>';
+var sourceMySlice = '<a class="source-url" target="source_window" href="http://myslice.info/">MySlice</a>';
+var sourceCymru = '<a class="source-url" target="source_window" href="http://www.team-cymru.org/">Team Cymru</a>';
+var sourceSonoma = '<a class="source-url" target="source_window" href="http://sonoma.etomic.org/">SONoMA</a>';
+var sourceMyPLC = '<a class="source-url" target="source_window" href="https://www.planet-lab.eu/db/doc/PLCAPI.php">MyPLC API</a>';
+var sourceManiacs = '<a class="source-url" target="source_window" href="http://www.ece.gatech.edu/research/labs/MANIACS/as_taxonomy/">MANIACS</a>';
+var sourceMaxmind = '<a class="source-url" target="source_window" href="http://www.maxmind.com/app/geolitecity">MaxMind</a>';
+var sourceMonitor = '<a class="source-url" target="source_window" href="http://monitor.planet-lab.org/">Monitor</a>';
+var hardwareReqs = 'current <a class="info-url" target="info_window" href="http://www.planet-lab.org/hardware">PlanetLab hardware requirement</a>';
+var selectReferenceNode ='<div id="refnodes_div"></div>';
+var selectReferenceNodeRTT ='<div id="refnodes_rtt_div"></div>';
+
+var descHOSTNAME = "test";
+
+var titleAU = 'Authority';
+var detailAU = 'The authority of the global PlanetLab federation that the site of the node belongs to.';
+var valuesAU = '<span class="bold">PLC</span> (PlanetLab Central), <span class="bold">PLE</span> (PlanetLab Europe)';
+var sourceAU = 'Source: '+sourceMyPLC;
+var descAU = '<span class="gray"><span class="column-title">'+titleAU+'</span><p><span class="column-detail">'+detailAU+'</span></p><p>Values: '+valuesAU+'</p><p>Source: '+sourceMyPLC+'</p></span>';
+
+var titleST = 'Status';
+var sourceST = 'Source: '+sourceMonitor;
+var valuesST = 'Values: <span class="bold">online</span> (up and running), <span class="bold">good</span> (up and running recently), <span class="bold">offline</span> (unreachable today), <span class="bold">down</span> (node unreachable for more than one day), <span class="bold">failboot</span> (reachable, but only by administrators for debugging purposes).';
+var descST = '<span class="gray"><span class="column-title">'+titleST+'</span><p>'+valuesST+'</p><p>'+sourceST+'</p></span>';
+
+var titleA = 'Architecture name';
+var detailA = 'The node architecture.';
+var sourceA = 'Source: '+sourceMyPLC;
+var valuesA = '<span class="bold">x86_64</span>, <span class="bold">i386</span>, <span class="bold">n/a</span>';
+var descA = '<span class="gray"><span class="column-title">'+titleA+'</span><p><span class="column-detail">'+detailA+'</span></p><p>Values: '+valuesA+'</p><p>'+sourceA+'</p></span>';
+
+var titleAS = 'Autonomous system ID';
+var sourceAS = 'Source: '+sourceCymru+' (via '+sourceTophat+')';
+var valuesAS = 'Values: <span class="bold">Integer between 0 and 65535</span>, <span class="bold">n/a</span>';
+var descAS = '<span class="gray"><span class="column-title">'+titleAS+'</span><p>'+valuesAS+'</p><p>' + sourceAS+'</p></span>';
+
+var titleAST = 'Autonomous system type';
+var sourceAST = 'Source: '+sourceManiacs;
+var valuesAST = 'Values: <span class="bold">t1</span> (tier-1), <span class="bold">t2</span> (tier-2), <span class="bold">edu</span> (university), <span class="bold">comp</span> (company), <span class="bold">nic</span> (network information centre -- old name for a domain name registry operator), <span class="bold">ix</span> (IXP), <span class="bold">n/a</span>';
+var descAST = '<span class="gray"><span class="column-title">'+titleAST+'</span><p>'+valuesAST+'</p><p>'+sourceAST+'</p></span>';
+
+var titleASN = 'Autonomous system name';
+var sourceASN = 'Source: '+sourceTophat;
+var descASN = '<span class="gray"><span class="column-title">'+titleASN+'</span><p>'+sourceASN+'</p></span>';
+
+var selectPeriodBU = 'Select period: <select id="selectperiodBU" onChange=updatePeriod("BU",this.value)><option value="">Latest</option><option value=w>Week</option><option value=m>Month</option><option value=y>Year</option></select>';
+var titleBU = 'Bandwidth utilization ';
+var sourceBU = 'Source: '+sourceComon+' (via '+sourceMySlice+')';
+var valuesBU ='Unit: <span class="bold">Kbps</span>';
+var detailBU = 'The average transmited bandwidh over the selected period. The period is the most recent for which data is available, with CoMon data being collected by MySlice daily.'
+var descBU = '<span class="gray"><span class="column-title">'+titleBU+'</span><p><span class="column-detail">'+detailBU+'</span></p><p>'+selectPeriodBU+'</p><p>'+valuesBU+'</p><p>'+sourceBU+'</p></span>'; 
+
+var titleBW= 'Bandwidth limit';
+var sourceBW = 'Source: '+sourceComon;
+var valuesBW = 'Unit: <span class="bold">Kbps</span>';
+var detailBW = 'The bandwidth limit is a cap on the total outbound bandwidth usage of a node. It is set by the site administrator (PI). For more details see <a targe="source_window" href="http://www.planet-lab.org/doc/BandwidthLimits">Bandwidth Limits (planet-lab.org)</a>.';
+var descBW = '<span class="gray"><span class="column-title">'+titleBW+'</span><p><span class="column-detail">'+detailBW+'</span></p><p>'+valuesBW+'</p><p>'+sourceBW+'</p></span>';
+
+var titleCC = 'Number of CPU cores';
+var sourceCC = 'Source: '+sourceComon;
+var detailCC = 'The number of CPU cores on the node. For reference, the '+hardwareReqs+' is <span class="bold">4 cores min.</span> (Older nodes may have fewer cores).';
+var descCC = '<span class="gray"><span class="column-title">'+titleCC+'</span><p><span class="column-detail">'+detailCC+'</span></p><p>'+sourceCC+'</p></span>';
+
+var titleCN = 'Number of CPUs';
+var sourceCN = 'Source: '+sourceComon;
+var detailCN = 'The number of CPUs on the node. For eeference, the '+hardwareReqs+' is <span class="bold">1 (if quad core) or 2 (if dual core)</span>.';
+var descCN = '<span class="gray"><span class="column-title">'+titleCN+'</span><p><span class="column-detail">'+detailCN+'</detail></p><p>'+sourceCN+'</p></span>';
+
+var titleCPC = 'Number of cores per CPU';
+var sourceCPC = 'Source: '+sourceComon;
+var detailCPC = 'The number of cores per CPU on the node.'; 
+var descCPC = '<span class="gray"><span class="column-title">'+titleCPC+'</span><p><span class="column-detail">'+detailCPC+'</span></p><p>'+sourceCPC+'</p></span>';
+
+var titleCR = 'CPU clock rate';
+var detailCR = 'The clock rate for the CPUs on the node. For reference, the '+hardwareReqs+' is <span class="bold">2.4 GHz</span>.';
+var sourceCR = 'Source: '+sourceComon;
+var valuesCR = 'Unit: <span class="bold">GHz</span>';
+var descCR = '<span class="gray"><span class="column-title">'+titleCR+'</span><p><span class="column-detail">'+detailCR+'</span></p><p>'+valuesCR+'</p><p>'+sourceCR+'</p></span>';
+
+var selectPeriodCF = 'Select period: <select id="selectperiodCF" onChange=updatePeriod("CF",this.value)><option value="">Latest</option><option value=w>Week</option><option value=m>Month</option><option value=y>Year</option></select>';
+var titleCF = 'Free CPU';
+var sourceCF = 'Source: '+sourceComon+' (via '+sourceMySlice+')';
+var valuesCF = 'Unit: <span class="bold">%</span>';
+var detailCF = 'The average CPU percentage that gets allocated to a test slice named burb that is periodically run by CoMon.';
+var descCF = '<span class="gray"><span class="column-title">'+titleCF+'</span><p><span class="column-detail">'+detailCF+'</span></p><p>'+selectPeriodCF+'</p><p>'+valuesCF+'</p><p>'+sourceCF+'</p></span>'; 
+
+var titleDN = 'Toplevel domain name';
+var sourceDN = 'Source: '+sourceMyPLC;
+var descDN = '<span class="gray"><span class="column-title">'+titleDN+'</span><p>'+sourceDN+'</p></span>';
+
+var titleDA = 'Date added';
+var sourceDA = 'Source: '+sourceMyPLC;
+var detailDA = 'The date that the node was added to PlanetLab.';
+var descDA = '<span class="gray"><span class="column-title">'+titleDA+'</span><p><span class="column-detail">'+detailDA+'</span></p><p>'+sourceDA+'</p></span>';
+
+var titleDL = 'Deployment';
+var detailDL = 'The deployment status.';
+var valuesDL = 'Values: <span class="bold">alpha</span>, <span class="bold">beta</span>, <span class="bold">production</span>, <span class="bold">n/a</span>';
+var sourceDL = 'Source: '+sourceMyPLC;
+var descDL = '<span class="gray"><span class="column-title">'+titleDL+'</span><p><span class="column-detail">'+detailDL+'</span></p><p>'+valuesDL+'</p><p>'+sourceDL+'</p></span>';
+
+var titleDS = 'Disk size';
+var detailDS = 'The size of the hard disk available on the node. For reference, the '+hardwareReqs+' is <span class="bold">500 GB</span>.';
+var sourceDS = 'Source: '+sourceComon;
+var valuesDS = 'Unit: <span class="bold">GB</span>';
+var descDS = '<span class="gray"><span class="column-title">'+titleDS+'</span><p><span class="column-detail">'+detailDS+'</span></p><p>'+valuesDS+'</p><p>'+sourceDS+'</p></span>';
+
+var titleDU = 'Current disk utilization';
+var sourceDU = 'Source: '+sourceComon;
+var valuesDU = 'Unit: <span class="bold">GB</span>';
+var detailDU = 'The amount of disk space currently consumed.';
+var descDU = '<span class="gray"><span class="column-title">'+titleDU+'</span><p><span class="column-detail">'+detailDU+'</span></p><p>'+valuesDU+'</p><p>'+sourceDU+'</p></span>';
+
+var titleDF = 'Disk space free';
+var sourceDF = 'Source: '+sourceComon;
+var valuesDF = 'Unit: <span class="bold">GB</span>.';
+var detailDF = 'The amount of disk space currently available.';
+var descDF = '<span class="gray"><span class="column-title">'+titleDF+'</span><p><span class="column-detail">'+detailDF+'</span></p><p>'+valuesDF+'</p><p>'+sourceDF+'</p></span>';
+
+var titleHC = 'Hop count (pairwise)';
+var sourceHC = 'Source: '+sourceTophat;
+var detailHC = 'TopHat conducts traceroutes every five minutes in a full mesh between all PlanetLab nodes. The hop count is the length of the traceroute from the node to the reference node, based upon the most recently reported traceroute.';
+var descHC = '<span class="gray"><span class="column-title">'+titleHC+'</span><p><span class="column-detail">'+detailHC+'</span></p><p>'+selectReferenceNode+'</p><p>'+sourceHC+'</p></span>';
+
+var titleIP = 'IP address';
+var sourceIP = 'Source: '+sourceMyPLC;
+var descIP = '<span class="gray"><span class="column-title">'+titleIP+'</span><p>'+sourceIP+'</p></span>';
+
+var selectPeriodL = 'Select period: <select id="selectperiodL" onChange=updatePeriod("L",this.value)><option value="">Latest</option><option value=w>Week</option><option value=m>Month</option><option value=y>Year</option></select>';
+var titleL= 'Load ';
+var sourceL = 'Source: '+sourceComon;
+var valuesL = 'Unit: <span class="bold">5-minute load</span>';
+var detailL = 'The average 5-minute load (as reported by the Unix uptime command) over the selected period.';
+var descL = '<span class="gray"><span class="column-title">'+titleL+'</span><p><span class="column-detail">'+detailL+'</span></p><p>'+selectPeriodL+'</p><p>'+valuesL+'</p><p>'+sourceL+'</p></span>'; 
+
+var titleLON= 'Longitude';
+var sourceLON = 'Source: '+sourceTophat;
+var descLON = '<span class="gray"><span class="column-title">'+titleLON+'</span><p>'+sourceLON+'</p></span>';
+
+var titleLAT= 'Latitude';
+var sourceLAT = 'Source: '+sourceTophat;
+var descLAT = '<span class="gray"><span class="column-title">'+titleLAT+'</span><p>'+sourceLAT+'</p></span>';
+
+var titleLCN= 'Location (Country)';
+var sourceLCN = 'Source: '+sourceMaxmind+' (via '+sourceTophat+')';
+var detailLCN = 'Based on the latitude and longitude information.';
+var descLCN = '<span class="gray"><span class="column-title">'+titleLCN+'</span><p><span class="column-detail">'+detailLCN+'</span></p><p>'+sourceLCN+'</p></span>';
+
+var titleLCT= 'Location (Continent)';
+var sourceLCT = 'Source: '+sourceMaxmind+' (via '+sourceTophat+')';
+var detailLCT = 'Based on the latitude and longitude information.';
+var descLCT = '<span class="gray"><span class="column-title">'+titleLCT+'</span><p><span class="column-detail">'+detailLCT+'</span></p><p>'+sourceLCT+'</p></span>';
+
+var titleLCY= 'Location (City)';
+var sourceLCY = 'Source: '+sourceMaxmind+' (via '+sourceTophat+')';
+var detailLCY = 'Based on the latitude and longitude information.';
+var descLCY = '<span class="gray"><span class="column-title">'+titleLCY+'</span><p><span class="column-detail">'+detailLCY+'</span></p><p>'+sourceLCY+'</p></span>';
+
+var titleLPR= 'Location precision radius';
+var sourceLPR = 'Source: '+sourceTophat;
+var valuesLPR = 'Unit: <span class="bold">float</span>.';
+var detailLPR = 'The radius of the circle corresponding to the error in precision of the geolocalization estimate.';
+var descLPR = '<span class="gray"><span class="column-title">'+titleLPR+'</span><p><span class="column-detail">'+detailLPR+'</span></p><p>'+valuesLPR+'</p><p>'+sourceLPR+'</p></span>';
+
+var titleLRN= 'Location (Region)';
+var sourceLRN = 'Source: '+sourceMaxmind+' (via '+sourceTophat+')';
+var detailLRN = 'Based on the latitude and longitude information.';
+var descLRN = '<span class="gray"><span class="column-title">'+titleLRN+'</span><p><span class="column-detail">'+detailLRN+'</span></p><p>'+sourceLRN+'</p></span>';
+
+var titleMS= 'Memory size';
+var detailMS = 'The memory size (RAM) available on the node. For reference, the '+hardwareReqs+' is <span class="bold">4 GB</span>.';
+var sourceMS = 'Source: '+sourceComon;
+var valuesMS = 'Unit: <span class="bold">GB</span>.';
+var descMS = '<span class="gray"><span class="column-title">'+titleMS+'</span><p><span class="column-detail">'+detailMS+'</span></p><p>'+valuesMS+'</p><p>'+sourceMS+'</p></span>';
+
+var selectPeriodMU = 'Select period: <select id="selectperiodMU" onChange=updatePeriod("MU",this.value)><option value="">Latest</option><option value=w>Week</option><option value=m>Month</option><option value=y>Year</option></select>';
+var titleMU = 'Memory utilization';
+var sourceMU = 'Source: '+sourceComon;
+var valuesMU = 'Unit: <span class="bold">%</span>';
+var detailMU = 'The average active memory utilization as reported by CoMon.';
+var descMU = '<span class="gray"><span class="column-title">'+titleMU+'</span><p><span class="column-detail">'+detailMU+'</span></p><p>'+selectPeriodMU+'</p><p>'+valuesMU+'</p><p>'+sourceMU+'</p></span>'; 
+
+var titleMA= 'Measurement agents';
+var sourceMA = 'Source: '+sourceTophat;
+var valuesMA = 'Values: <span class="bold">ETOMIC</span>, <span class="bold">SONoMA</span>, <span class="bold">TDMI</span>, <span class="bold">DIMES</span>.';
+var detailMA = 'Co-located measurement agents.';
+var descMA = '<span class="gray"><span class="column-title">'+titleMA+'</span><p><span class="column-detail">'+detailMA+'</span></p><p>'+valuesMA+'</p><p>'+sourceMA+'</p></span>';
+
+var titleMAS= 'Measurement agent SONoMA';
+var sourceMAS = 'Source: '+sourceTophat;
+var valuesMAS = 'Values: <span class="bold">Node type</span> (e.g., PLE, APE)';
+var detailMAS = 'The existence of a SONoMA agent. When an SONoMA is present, you have the possibility to have access to high-precision measurements through the '+sourceTophatAPI+'.';
+var descMAS = '<span class="gray"><span class="column-title">'+titleMAS+'</span><p><span class="column-detail">'+detailMAS+'</span></p><p>'+valuesMAS+'</p><p>'+sourceMAS+'</p></span>';
+
+var titleMAE= 'Measurement agent ETOMIC';
+var sourceMAE = 'Source: '+sourceTophat;
+var valuesMAE = 'Values: <span class="bold">yes/no</span>';
+var detailMAE = 'The existence of a colocated ETOMIC box. When an ETOMIC box is present, you have the possibility to conduct high-precision measurements through the '+sourceTophatAPI+'.';
+var descMAE = '<span class="gray"><span class="column-title">'+titleMAE+'</span><p><span class="column-detail">'+detailMAE+'</span></p><p>'+valuesMAE+'</p><p>'+sourceMAE+'</p></span>';
+
+var titleMAT= 'Measurement agent TDMI';
+var sourceMAT = 'Source: '+sourceTophat;
+var valuesMAT = 'Values: <span class="bold">yes/no</span>';
+var detailMAT = 'The existence of a colocated TDMI (TopHat Dedicated Measurement Infrastructure) agent. When a TDMI agent is present, you have access to a wide variety of network topology measurements through the '+sourceTophatAPI+'.';
+var descMAT = '<span class="gray"><span class="column-title">'+titleMAT+'</span><p><span class="column-detail">'+detailMAT+'</span></p><p>'+valuesMAT+'</p><p>'+sourceMAT+'</p></span>';
+
+var titleMAD= 'Measurement agent DIMES';
+var sourceMAD = 'Source: '+sourceTophat;
+var valuesMAD = 'Values: <span class="bold">yes/no</span>';
+var detailMAD = 'The existence of a colocated DIMES agent. When a DIMES agent is present, you have access to DIMES measurements through the '+sourceTophatAPI+'.';
+var descMAD = '<span class="gray"><span class="column-title">'+titleMAD+'</span><p><span class="column-detail">'+detailMAD+'</span></p><p>'+valuesMAD+'</p><p>'+sourceMAD+'</p></span>';
+
+var titleNSF= 'Network information (spoof)';
+var sourceNSF = 'Source: '+sourceTophat;
+var valuesNSF = 'Values: <span class="bold">yes/no</span>';
+var detailNSF = 'Whether the node can send packets successfully (or not) with a spoofed IP source address.';
+var descNSF = '<span class="gray"><span class="column-title">'+titleNSF+'</span><p><span class="column-detail">'+detailNSF+'</span></p><p>'+valuesNSF+'</p><p>'+sourceNSF+'</p></span>';
+
+var titleNSR= 'Network information (source route)';
+var sourceNSR = 'Source: '+sourceTophat;
+var valuesNSR = 'Values: <span class="bold">yes/no</span>';
+var detailNSR = 'Whether the node can send packets packets using the IP source route option. See <a target="info_window" href="http://www.networksorcery.com/enp/protocol/ip/option003.htm">here</a>for more info.';
+var descNSR = '<span class="gray"><span class="column-title">'+titleNSR+'</span><p><span class="column-detail">'+detailNSR+'</span></p><p>'+valuesNSR+'</p><p>'+sourceNSR+'</p></span>';
+
+var titleNTP= 'Network information (timestamp)';
+var sourceNTP = 'Source: '+sourceTophat;
+var valuesNTP = 'Values: <span class="bold">yes/no</span>';
+var detailNTP = 'Whether the node can send packets packets using the IP timestamp option. See <a target="info_window" href="http://www.networksorcery.com/enp/protocol/ip/option004.htm">here</a>for more info.';
+var descNTP = '<span class="gray"><span class="column-title">'+titleNTP+'</span><p><span class="column-detail">'+detailNTP+'</span></p><p>'+valuesNTP+'</p><p>'+sourceNTP+'</p></span>';
+
+var titleNRR= 'Network information (record route)';
+var sourceNRR = 'Source: '+sourceTophat;
+var valuesNRR = 'Values: <span class="bold">yes/no</span>';
+var detailNRR = 'Whether the node can send packets packets using the IP record route option. See <a target="info_window" href="http://www.networksorcery.com/enp/protocol/ip/option007.htm">here</a>for more info.';
+var descNRR = '<span class="gray"><span class="column-title">'+titleNRR+'</span><p><span class="column-detail">'+detailNRR+'</span></p><p>'+valuesNRR+'</p><p>'+sourceNRR+'</p></span>';
+
+var titleOS = 'Operating system';
+var detailOS = 'Fedora or CentOS distribution to use for node or slivers.';
+var sourceOS = 'Source: '+sourceMyPLC;
+var valuesOS = 'Values: <span class="bold">f8, f12, Cent/OS, other, n/a</span>';
+var descOS = '<span class="gray"><span class="column-title">'+titleOS+'</span><p><span class="column-detail">'+detailOS+'</span></p><p>'+valuesOS+'</p><p>'+sourceOS+'</p></span>';
+
+var titleRTT = 'Round Trip Time (pairwise)';
+var detailRTT = 'The round trip time between a selected SONoMA agent and PlanetLab nodes.';
+var sourceRTT = 'Source: '+sourceSonoma+' (via '+sourceTophat+ ')';
+var descRTT = '<span class="gray"><span class="column-title">'+titleRTT+'</span><p><span class="column-detail">'+detailRTT+'</span></p><p>'+selectReferenceNodeRTT+'</p><p>'+sourceRTT+'</p></span>';
+
+var selectPeriodR = 'Select period: <select id="selectperiodR" onChange=updatePeriod("R",this.value)><option value="">Latest</option><option value=w>Week</option><option value=m>Month</option><option value=y>Year</option></select>';
+var titleR = 'Reliability';
+var sourceR = 'Source: '+sourceComon+' (via '+sourceMySlice+')';
+var detailR = 'CoMon queries nodes every 5 minutes, for 255 queries per day. The average reliability is the percentage of queries over the selected period for which CoMon reports a value. The period is the most recent for which data is available, with CoMon data being collected by MySlice daily.';
+var valuesR = 'Unit: <span class="bold">%</span>';
+var descR = '<span class="gray"><span class="column-title">'+titleR+'</span><p><span class="column-detail">'+detailR+'</span></p><p>'+selectPeriodR+'</p><p>'+valuesR+'</p><p>'+sourceR+'</p></span>'; 
+
+var titleRES = 'Reservation capabilities';
+var sourceRES = 'Source: '+sourceMyPLC;
+//var valuesRES = 'Values: <span class="bold">yes/no</span>';
+var valuesRES = 'Values: <span class="bold">-R-</span> (if yes)';
+var detailRES = 'Whether the node can be reserved for a certain duration. Your slivers will be available <span class=bold>only during timeslots where you have obtained leases (see tab above)</span>.  <p>Please note that as of August 2010 this feature is experimental.  Feedback is appreciated at <a href="mailto:devel@planet-lab.org">devel@planet-lab.org</a></p>';
+var descRES = '<span class="gray"><span class="column-title">'+titleRES+'</span><p><span class="column-detail">'+detailRES+'</span></p><p>'+valuesRES+'</p><p>'+sourceRES+'</p></span>';
+
+var selectPeriodS = 'Select period: <select id="selectperiodS" onChange=updatePeriod("S",this.value)><option value="">Latest</option><option value=w>Week</option><option value=m>Month</option><option value=y>Year</option></select>';
+var titleS = 'Active slices';
+var sourceS = 'Source: '+sourceComon+' (via '+sourceMySlice+')';
+var valuesS = 'Unit: <span class="bold">%</span>';
+var detailS = 'Average number of active slices over the selected period for which CoMon reports a value. The period is the most recent for which data is available, with CoMon data being collected by MySlice daily.';
+var descS = '<span class="gray"><span class="column-title">'+titleS+'</span><p><span class="column-detail">'+detailS+'</span></p><p>'+selectPeriodS+'</p><p>'+valuesS+'</p><p>'+sourceS+'</p></span>'; 
+
+var titleSM= 'Slices in memory';
+var detailSM = 'The total number of slices in memory (both active and inactive).';
+var sourceSM = 'Source: '+sourceComon;
+var descSM = '<span class="gray"><span class="column-title">'+titleSM+'</span><p><span class="column-detail">'+detailSM+'</span></p><p>'+sourceSM+'</p></span>';
+
+var titleSN = 'Site name';
+var sourceSN = 'Source: '+sourceMyPLC;
+var descSN = '<span class="gray"><span class="column-title">'+titleSN+'</span><p>'+sourceSN+'</p></span>';
+
+var selectPeriodSSH = 'Select period: <select id="selectperiodSSH" onChange=updatePeriod("SSH",this.value)><option value="">Latest</option><option value=w>Week</option><option value=m>Month</option><option value=y>Year</option></select>';
+var titleSSH = 'Average SSH response delay';
+var valuesSSH = 'Unit: <span class="bold">msecs</span>';
+var detailSSH = 'The average response delay of the node to SSH logins over the selected period for which CoMon reports a value. The period is the most recent for which data is available, with CoMon data being collected by MySlice daily.';
+var sourceSSH ='Source: '+sourceComon+' (via '+sourceMySlice+')';
+var descSSH = '<span class="gray"><span class="column-title">'+titleSSH+'</span><p><span class="column-detail">'+detailSSH+'</span></p><p>'+selectPeriodSSH+'</p><p>'+valuesSSH+'</p><p>'+sourceSSH+'</p></span>'; 
+
+
+var titleUT = 'Uptime';
+var sourceUT = 'Source: '+sourceComon;
+var valuesUT = 'Unit: <span class="bold">days</span>';
+var detailUT = 'The continuous uptime until the moment that the page is loaded, as reported by the CoMon html query API.';
+var descUT = '<span class="gray"><span class="column-title">'+titleUT+'</span><p><span class="column-detail">'+detailUT+'</span></p><p>'+valuesUT+'</p><p>'+sourceUT+'</p></span>';
+
+
+
+//Categorization of columns in different types, useful for filtering 
 
 function inTypeA(header_name) {
        var typeA = ['ST','SN','RES','OS','NRR','NTP','NSR','NSF','NDS','NTH','NEC','LRN','LCY','LPR','LCN','LAT','LON','IP','ASN','AST'];
@@ -25,172 +321,229 @@ function inTypeD(header_name) {
        return typeD.indexOf(header_name);
 }
 
+
+//Debugging
 function debugfilter(s) {
        document.getElementById('debug').innerHTML+=s;
 }
 
-function scrollList(tableid) {
-
-debugfilter("here");
-
-if (event.keyCode == 40)
-       debugfilter("down");
-else if (event.keyCode == 38)
-       debugfilter("up");
 
-}
+//Called when a column is selected. It displays the detailed description
+//on the right panel
 
 function highlightOption(divid) {
 
-//debugfilter("highlighting option "+divid);
-
-for (var kk in column_headers) {
+       var columns = document.getElementsByName('columnlist');
+       for(var j = 0; j < columns.length; j++)
+               columns[j].className = 'out'; 
 
-if (document.getElementById(kk))
-       document.getElementById(kk).className = 'out'; 
-}
+       document.getElementById(divid).className = 'selected';
 
-document.getElementById(divid).className = 'selected';
+       showDescription(divid);
 
-showDescription(divid);
+//panos: to IMPROVE 
+       if (document.getElementById('selectperiod'+divid))
+               document.getElementById('selectperiod'+divid).value = document.getElementById('period'+divid).value;
 
 }
 
 
-function showDescription(h) {
+//Displays the detailed column description 
 
-       //debugfilter("showing description "+h);
+function showDescription(h) {
 
        if (document.getElementById('selectdescr'))
        {
+               //Checks if there is a detailed description defined
                if (window['desc'+h])
                        document.getElementById('selectdescr').innerHTML = ""+window['desc'+h];
-               else if (column_table[h] && column_table[h]['description'])
-                       document.getElementById('selectdescr').innerHTML = column_table[h]['description'];
                else 
-                       document.getElementById('selectdescr').innerHTML = "No description provided";
+                       document.getElementById('selectdescr').innerHTML = "No detailed description provided";
        }
-}
 
+       if (document.getElementById('refnodes_div'))
+               document.getElementById('refnodes_div').innerHTML = ref_nodes_select;
 
-function overrideTitles() {
+       if (document.getElementById('refnodes_rtt_div'))
+               document.getElementById('refnodes_rtt_div').innerHTML = ref_nodes_select_rtt;
+}
 
-       //debugfilter("<p>overriding...");
 
-       for (var kk in column_headers) {
+//Overrides the titles of the columns as they are shown in the column selection panel.
+//If no overriding variable exists the tag's description is used
+function overrideTitles() {
 
-       //debugfilter("here "+kk);
+       var columns = document.getElementsByName('columnlist');
 
-       if (document.getElementById(kk) && window['title'+kk])
-               document.getElementById('htitle'+kk).innerHTML = window['title'+kk];
+       for(var j = 0; j < columns.length; j++)
+       {
+               var kk = columns[j].id;
+               if (window['title'+kk])
+                       document.getElementById('htitle'+kk).innerHTML = window['title'+kk];
        }
 
+
 }
 
+//When the checkbox is clicked. Adds/removes column respectively
 function changeCheckStatus(column) {
 
+       var h = document.getElementById(column).value;
 
-if (document.getElementById('selectdescr'))
-{
-showDescription(document.getElementById(column).value);
+       if (document.getElementById('selectdescr'))
+               showDescription(h);
 
-if (document.getElementById(column).checked)
-       addColumn(document.getElementById(column).value);
-else
-       deleteColumn(document.getElementById(column).value);
-}
+       //debugfilter("HERE: "+column+" - "+document.getElementById('type '+column).value);
+       //debugfilter("HERE: "+column);
 
-}
 
-function updatePeriod(h) {
-       deleteColumn2(h, h+'w');
-       deleteColumn2(h, h+'m');
-       deleteColumn2(h, h+'y');
-       addColumn(h);
+       if (document.getElementById(column).checked)
+               addColumn(h, true, document.getElementById('type'+h).value);
+       else
+               deleteColumn(h);
 }
 
-function filterByType(selectedtype) {
 
-var notselectedyet = true;
 
-for (var kk in column_headers) {
+//This function is used when the alternative "quick" selection list is used
+function changeSelectStatus(column) {
 
-       if (document.getElementById(kk))
+       var optionClass = "";
+       var selected_index = document.getElementById('quicklist').selectedIndex;
+
+       if (document.getElementById('quicklist') && selected_index != 0)
        {
-               if (window['type'+kk] == selectedtype)
-               {
-                       document.getElementById(kk).className = 'in';
-                       if (notselectedyet)
-                               highlightOption(kk);
-                       notselectedyet = false;
-               }
-               else
-                       document.getElementById(kk).className = 'out';
+
+               optionClass = document.getElementById('quicklist').options[selected_index].className;
+
+               if (optionClass == "in")
+               {
+                       deleteColumn(document.getElementById('quicklist').value);
+                       document.getElementById('quicklist').options[selected_index].className = "out";
+                       document.getElementById('quicklist').value="0";
+               }
+               else
+               {
+                       addColumn(document.getElementById('quicklist').value, true);
+                       document.getElementById('quicklist').options[selected_index].className = "in";
+                       document.getElementById('quicklist').value="0";
+               }
        }
 }
-}
 
 
+//When the period of an already selected column is changed
+function updatePeriod(h, new_period) {
+
+       var old_period = document.getElementById('period'+h).value;
+       document.getElementById('period'+h).value=new_period;
+
+       //debugfilter(h+''+old_period+'-'+h+''+new_period);
+       if (document.getElementById('check'+h).checked)
+       {
+               deleteColumnCells(h+''+old_period);
+               addColumnCells(h+''+new_period);
+               addColumnAjax(h, h+''+new_period);
+
+               replaceColumnConfiguration(h+''+old_period,h+''+new_period);
+       }
+}
+
 /*
  
 RESET/SAVE CONFIGURATION
+
 */
 
+function getHTTPObject()
+{
+        if (typeof XMLHttpRequest != 'undefined')
+        { return new XMLHttpRequest(); }
 
-function resetColumns() {
+        try
+        { return new ActiveXObject("Msxml2.XMLHTTP"); }
+        catch (e)
+        {
+                try { return new ActiveXObject("Microsoft.XMLHTTP"); }
+                catch (e) {}
+        }
+        return false;
+}
 
-       for (var kk in column_table) {
+function closeMessage(tab)
+{
+       var current_conf = document.getElementById('show_configuration').value;
+       var value = '';
 
-       if (column_table[kk]['visible'] == true && column_table[kk]['fetch'] == false)
-               deleteColumn(kk);
-       else if (column_table[kk]['visible'] == false && column_table[kk]['fetch'] == true)
-               addColumn(kk);
-       }
+       if (current_conf != "")
+               current_conf += ";";
 
-}
+       if (tab == 'reservable') {      
+        document.getElementById('note_reservable_div').style.display = "none";
+       if (current_conf.indexOf('reservable') != -1)
+               return;
+       value = current_conf+'reservable';
+       }
 
-function resetCols(which_conf) {
+       if (tab == 'columns') { 
+        document.getElementById('note_columns_div').style.display = "none";
+       if (current_conf.indexOf('columns') != -1)
+               return;
+       value = current_conf+'columns';
+       }
 
-       var target_configuration = "|"+document.getElementById(which_conf).value+"|";
+       var slice_id = document.getElementById('slice_id').value;
+       var person_id = document.getElementById('person_id').value;
+       var tag_id = document.getElementById('show_tag_id').value;
        
-       //debugfilter("<p>Target configuration =  "+target_configuration);
+        var url = "/plekit/php/updateConfiguration.php?value="+value+"&slice_id="+slice_id+"&person_id="+person_id+"&tag_name=showconf&tag_id="+tag_id;
+       //debugfilter("updating conf with "+url);
+       document.getElementById('show_configuration').value = value;
 
-       for (var kk in column_table) {
-               //debugfilter("in "+kk+" ");
+       var req = getHTTPObject();
+       req.open('GET', url, true);
+       req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
+       req.onreadystatechange =
+        function() {
+                if (req.readyState == 4)
+                { debugfilter(req.responseText); }
+        }
+       req.send(null);
 
-               if (target_configuration.indexOf("|"+kk+"|")>=0)
-               {
-                       if (document.getElementById('check'+kk))
-                       if (document.getElementById('check'+kk).checked == false)
-                       {
-                               debugfilter("<p>Adding "+kk);
-                               addColumn(kk);
-                       }
-               }
-               else
-               {
-                       if (document.getElementById('check'+kk))
-                       if (document.getElementById('check'+kk).checked == true)
-                       {
-                               debugfilter("<p>Deleting "+kk);
-                               deleteColumn(kk);
-                       }
-               }
-       }
 }
 
-function saveConfiguration(which_conf)
+
+function updateColumnConfiguration(value, reload)
 {
+       var person_id = document.getElementById('person_id').value;
        var slice_id = document.getElementById('slice_id').value;
+       var tag_id = document.getElementById('conf_tag_id').value;
+       var full_column_configuration = document.getElementById('full_column_configuration').value;
 
-       var target_configuration = document.getElementById(which_conf).value;
+       //debugfilter("<br>OLD = "+full_column_configuration);
+       //debugfilter("<br>value = "+value);
+       //
+       
+       var old_columns = full_column_configuration.split(";");
+       var new_columns = new Array();
 
-       debugfilter("saving configuration "+target_configuration);
-       updateColumnConfiguration(slice_id, target_configuration);
-}
+       for (var column_index = 0; column_index < old_columns.length ; column_index++) {
+               new_columns.push(old_columns[column_index]);
+               if (old_columns[column_index] != slice_id)
+                       new_columns.push(old_columns[++column_index]);
+               else
+               {
+                       if (value != "")
+                               new_columns.push(value);
+                       else
+                               new_columns.push("default");
+                               
+                       column_index++;
+               }
+       }
 
-function updateColumnConfiguration(slice_id, value)
-{
+       var new_configuration = new_columns.join(";");
+       //debugfilter("<br>NEW = "+new_configuration);
 
         if (window.XMLHttpRequest)
           {// code for IE7+, Firefox, Chrome, Opera, Safari
@@ -205,52 +558,66 @@ function updateColumnConfiguration(slice_id, value)
           if (xmlhttp.readyState==4) // && xmlhttp.status==200)
             {
                 //value=xmlhttp.responseText;
-                //debugfilter(value);
-               if (document.getElementById('column_configuration'))
+                //debugfilter(value+"-----"+new_configuration);
                document.getElementById('column_configuration').value=value;
+               document.getElementById('full_column_configuration').value=new_configuration;
+
+               if (reload)
+                       window.location.reload(true);
             }
           }
-        xmlhttp.open("GET","/plekit/php/updateConf.php?value="+value+"&slice_id="+slice_id+"&tagName=Configuration",true);
+
+        xmlhttp.open("GET","/plekit/php/updateConfiguration.php?value="+new_configuration+"&slice_id="+slice_id+"&person_id="+person_id+"&tag_name=columnconf&tag_id="+tag_id,true);
+        //xmlhttp.open("GET","/plekit/php/updateConf.php?value="+value+"&slice_id="+slice_id+"&person_id="+person_id+"&tagName=Columnconf",true);
 
         xmlhttp.send();
 }
 
+function logSortingAction(person_id, slice_id, value)
+{
 
 
-function resetConfiguration(which_conf)
-{
+       var req = getHTTPObject();
+        var url = "/plekit/php/logSorting.php?value="+value+"&slice_id="+slice_id+"&person_id="+person_id;
+
+       req.open('GET', url, true);
+       req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
+       req.onreadystatechange =
+        function() {
+                if (req.readyState == 4)
+                { debugfilter(req.responseText); }
+        }
+       req.send(null);
+}
+
+function sortCompleteCallback(tableid) {
+
        var slice_id = document.getElementById('slice_id').value;
-       var target_configuration = document.getElementById(which_conf).value;
+       var person_id = document.getElementById('person_id').value;
 
-       debugfilter("reseting configuration "+target_configuration);
+       var ths = document.getElementById(tableid).getElementsByTagName("th");
+       for(var i = 0, th; th = ths[i]; i++) {
+       if (th.className.indexOf("Sort") != -1)
+       {
+               //debugfilter("sorted"+th.getAttribute("name"));
 
-        if (window.XMLHttpRequest)
-          {// code for IE7+, Firefox, Chrome, Opera, Safari
-          xmlhttp=new XMLHttpRequest();
-          }
-        else
-          {// code for IE6, IE5
-          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
-          }
-        xmlhttp.onreadystatechange=function()
-          {
-          if (xmlhttp.readyState==4) // && xmlhttp.status==200)
-            {
-                //value=xmlhttp.responseText;
-                //debugfilter(value);
-                window.location.reload(true);
-            }
-          }
-        xmlhttp.open("GET","/plekit/php/updateConf.php?value="+target_configuration+"&slice_id="+slice_id+"&tagName=Configuration",true);
+               var column_name = th.getAttribute("name");
+               var hclass = th.className;
+               var column = hclass.substr(hclass.indexOf("column"),hclass.indexOf("column")+1);
+               var sortdirection = "forward";
+               if (hclass.indexOf("reverse")!=-1)
+                       sortdirection = "reverse";
 
-        xmlhttp.send();
+               if (column.indexOf("column-1")==-1 && column.indexOf("column-0")==-1)
+                       logSortingAction(person_id, slice_id, tableid+"|"+column_name+"|"+sortdirection);
+       }
+       }
 }
 
-function addColumnToConfiguration(column) {
 
+function addColumnToConfiguration(column) {
 
        var old_configuration = document.getElementById('column_configuration').value;
-       var slice_id = document.getElementById('slice_id').value;
 
        var new_configuration = "";
 
@@ -261,10 +628,49 @@ function addColumnToConfiguration(column) {
 
        //debugfilter("new configuration = "+new_configuration);
 
-       updateColumnConfiguration(slice_id, new_configuration);
+       updateColumnConfiguration(new_configuration, false);
+}
+
+
+function deleteColumnFromConfiguration(column) {
+
+       var old_configuration = document.getElementById('column_configuration').value;
+
+       var old_columns = old_configuration.split("|");
+       var new_columns = new Array();
+
+       for (var column_index = 0; column_index < old_columns.length ; column_index++) {
+               var conf = old_columns[column_index].split(':');
+               if (conf[0] != column)
+                       new_columns.push(old_columns[column_index]);
+       }
+
+       var new_configuration = new_columns.join("|");
+       updateColumnConfiguration(new_configuration, false);
+
 }
 
+function replaceColumnConfiguration(column_old, column_new) {
+
+       var old_configuration = document.getElementById('column_configuration').value;
+
+       var old_columns = old_configuration.split("|");
+       var new_columns = new Array();
+
+       var olds = column_old.split(':');
+
+       for (var column_index = 0; column_index < old_columns.length ; column_index++) {
+               var conf = old_columns[column_index].split(':');
+               if (conf[0] != olds[0])
+                       new_columns.push(old_columns[column_index]);
+               else
+                       new_columns.push(column_new);
+       }
 
+       var new_configuration = new_columns.join("|");
+       
+       updateColumnConfiguration(new_configuration);
+}
 
 /*
  
@@ -272,24 +678,39 @@ ADD/REMOVE COLUMNS
 
 */
 
+function convert_data(value, data_source, data_type, tagname) {
 
-function getHTTPObject()
-{
-        if (typeof XMLHttpRequest != 'undefined')
-        { return new XMLHttpRequest(); }
+       //debugfilter("v["+tagname+"]="+value+"-");
 
-        try
-        { return new ActiveXObject("Msxml2.XMLHTTP"); }
-        catch (e)
-        {
-                try { return new ActiveXObject("Microsoft.XMLHTTP"); }
-                catch (e) {}
-        }
-        return false;
+       if (value == "" || value == "n/a" || value == null || value == "NaN" || value == "None")
+               return "n/a";
+
+       if (tagname == "uptime") {
+               return parseInt((parseFloat(value) / 86400));
+       }
+       
+       if (data_type == "date") {
+
+               var date = new Date(value*1000);
+
+               var year = date.getFullYear();
+               var month = date.getMonth()+1;
+               if (month < 10)
+                       month = "0"+month;
+               var day = date.getDate();
+               if (day < 10)
+                       day = "0"+day;
+       
+               return year + '-' + month + '-' + day;
+       }
+
+       return value;
 }
 
 
-function load_html(column, url) {
+function load_data(column, header, url, data_source, data_type, tagname) {
+
+       //debugfilter("<br>loading "+url);
        var req = getHTTPObject();
        var res;
        req.open('GET', url, true);
@@ -297,21 +718,26 @@ function load_html(column, url) {
        req.onreadystatechange =
         function() {
                 if (req.readyState == 4)
-                { updateColumnData(column, req.responseText); }
+                { updateColumnData(column, header, req.responseText, data_source, data_type, tagname); }
         }
        req.send(null);
 }
 
-function updateColumnData(column,data) {
 
+function updateColumnData(column, header, data, data_source, data_type, tagname) {
 
-var headers = column.split("|");
+var headers = header.split("|");
 var data_table = data.split("|"); 
 
 //debugfilter("<p>headers[0] = "+headers[0]);
-//debugfilter("<p>sample line = "+data_table[2]);
+//debugfilter("<p>data[2] = "+data_table[2]);
 
+//debugfilter("data = "+data + " with type "+data_type + " and source "+data_source);
+//debugfilter("<p>data table length = "+data_table.length);
 
+if (data_table.length > 1)
+{
+  
   var node_data;
 
   var table_id1 = 'nodes';
@@ -332,26 +758,35 @@ var data_table = data.split("|");
 
        for (var h_index=0; h_index < headers.length; h_index++) {
                
-               if (node_data[h_index+1] == "")
+               if (node_data[h_index+1] == "" || node_data[h_index+1] == "None")
                        data_array1[node_data[0]][h_index] = "n/a";
                else
-                       data_array1[node_data[0]][h_index] = node_data[h_index+1];
+                       data_array1[node_data[0]][h_index] = convert_data(node_data[h_index+1], data_source, data_type, tagname);
        }
 
   }
        
+
   if (rows)
   for (var row_index = 0; row_index < rows.length ; row_index++) {
     var tr=rows[row_index];
 
     for (var column_index=0; column_index < tr.cells.length; column_index++) {
-               //debugfilter("<p>node id = "+tr.cells[0].innerHTML);
+               //debugfilter("<p>node id = "+tr.cells[0].innerHTML+" - "+tr.cells[column_index].getAttribute('name'));
+               if (tr.cells[column_index].getAttribute('name'))
+               {
                var found_index = headers.indexOf(tr.cells[column_index].getAttribute('name'));
                if (found_index != -1)
+                       //debugfilter(tr.cells[0].innerHTML+"-"+found_index);
                        tr.cells[column_index].innerHTML = data_array1[tr.cells[0].innerHTML][found_index];
+               }
     }
   }
 
+  //debugfilter("Reset sorting .....");
+  //tablePaginater.init(table_id1);
+  fdTableSort.init(table_id1);
+
 //potential nodes
 if (data_table[node_index] == '---potential---')       
 {
@@ -377,7 +812,7 @@ if (data_table[node_index] == '---potential---')
                if (node_data[h_index+1] == "")
                        data_array2[node_data[0]][h_index] = "n/a";
                else
-                       data_array2[node_data[0]][h_index] = node_data[h_index+1];
+                       data_array2[node_data[0]][h_index] = convert_data(node_data[h_index+1], data_source, data_type, tagname);
        }
   }
        
@@ -386,35 +821,40 @@ if (data_table[node_index] == '---potential---')
     var tr=rows2[row_index];
 
     for (var column_index=0; column_index < tr.cells.length; column_index++) {
+               if (tr.cells[column_index].getAttribute('name'))
+               {
                var found_index = headers.indexOf(tr.cells[column_index].getAttribute('name'));
                if (found_index != -1)
                        tr.cells[column_index].innerHTML = data_array2[tr.cells[0].innerHTML][found_index];
+               }
     }
   }
+  fdTableSort.init(table_id2);
+  //tablePaginater.init(table_id2);
 
 }
 
-  document.getElementById('loadingDiv').innerHTML = ""
+  //fdTableSort.removeTableCache(table_id2);
+  //document.getElementById('loading'+column).innerHTML = "";
+  
 }
 
 
+document.getElementById('loading'+column).innerHTML = "";
 
+}
 
 
-function addColumnCells(column,header) {
-
-       //debugfilter("adding cells now: "+column+":"+header);
-       column_table[header]['visible']=true;
+function addColumnCells(header) {
 
        var cells = document.getElementsByName(header);
 
-
        //debugfilter("got cells -"+cells+"- for "+header);
        for(var j = 0; j < cells.length; j++) 
                cells[j].style.display = "table-cell";
 }
 
-function addColumnSamples(column) {
+function addSampleCells(column) {
 
        var cellsheader = document.getElementsByName("confheader"+column);
        for(var j = 0; j < cellsheader.length; j++) 
@@ -422,657 +862,93 @@ function addColumnSamples(column) {
 
 }
 
-function addColumnAjax(column) {
-
-       var selectedperiod="";
+function addColumnAjax(column, header) {
 
-       if (document.getElementById('selectperiod'+column))
-               selectedperiod = document.getElementById('selectperiod'+column).value;
-
-       var header = column+""+selectedperiod;
-
-       addColumnCells(column, header);
-
-       var t = column_table[header]['tagname'];
+       //var t = document.getElementById('check'+column).name;
+       var t = document.getElementById('tagname'+header).value;
        var slice_id = document.getElementById('slice_id').value;
-       document.getElementById('loadingDiv').innerHTML = "<img src=/plekit/icons/ajax-loader.gif>LOADING ...";
-       var url = "/plekit/php/updateColumn.php?slice_id="+slice_id+"&tagName="+t;
-       load_html(header, url);
-
-       addColumnToConfiguration(header);
-}
-
-
-function addColumn2(column) {
-
-       var selectedperiod="";
-
-       if (document.getElementById('selectperiod'+column))
-               selectedperiod = document.getElementById('selectperiod'+column).value;
-
-       var header = column+""+selectedperiod;
-
-       addColumnCells(column,header);
 
-       addColumnToConfiguration(column);
+        var selectedperiod = document.getElementById('period'+column).value;
+       var fetched = document.getElementById('fetched'+column).value;
+       var data_source = document.getElementById('source'+column).value;
+       var data_type = document.getElementById('type'+column).value;
+       var to_load = false;
 
-       checkDataToFetch();
-}
-
-function addColumn(column) {
+       //debugfilter("<br>adding "+column+","+header+','+fetched+','+t+','+data_source+','+data_type);
 
-       var selectedperiod="";
-       var header=column;
-
-       //debugfilter("adding column "+column+" and header "+header);
-
-       if (inTypeC(column)!=-1)
+       if (fetched.indexOf("false")!=-1)
        {
-               column = column.substring(0,column.length-1);
+               to_load = true;
+               document.getElementById('fetched'+column).value = ','+selectedperiod+',true';
        }
-       else if (document.getElementById('selectperiod'+column))
+       else if (fetched.indexOf(','+selectedperiod+',')==-1)
        {
-               selectedperiod = document.getElementById('selectperiod'+column).value;
-               header = column+""+selectedperiod;
+                       to_load = true;
+                       document.getElementById('fetched'+column).value = ','+selectedperiod+''+fetched;
        }
 
-       //debugfilter("adding "+column+","+header);
-
-       addColumnCells(column, header);
-
-       addColumnToConfiguration(header);
-
-       column_table[header]['visible'] = true;
-       
-       checkDataToFetch();
-}
-
-function checkDataToFetch() {
-
-var dataExist = false;
-
-for (var kk in column_table) {
-
-       if (document.getElementById(kk))
+       if (to_load)
        {
-               if (column_table[kk]['visible'] == true && column_table[kk]['fetch'] == false)
-               {
-                       document.getElementById('fetchbutton').disabled = false;
-                       document.getElementById('fetchbutton').style.color = 'red';
-                       dataExist = true;
-               }
+               //debugfilter("ready to load ... ");
+               document.getElementById('loading'+column).innerHTML = "<img width=10 src=/plekit/icons/ajax-loader.gif>";
+               var url = "/plekit/php/updateColumn.php?slice_id="+slice_id+"&tagName="+t+"&data_type="+data_type+"&data_source="+data_source;
+               //debugfilter("calling "+url);
+               load_data(column, header, url, data_source, data_type, t);
        }
 }
 
-if (!dataExist)
-{
-       document.getElementById('fetchbutton').disabled = true;
-       document.getElementById('fetchbutton').style.color = 'grey';
-}
-
-}
 
 
-function fetchData() {
+function addColumn(column, fetch) {
 
-var tagnames = "";
-var headers = "";
+       var selectedperiod="";
+       var header=column;
+       var conf="";
 
-for (var kk in column_table) {
 
-if (column_table[kk]['visible'] == true && column_table[kk]['fetch'] == false)
-       if (tagnames == "")
-       {       
-               tagnames = column_table[kk]['tagname'];
-               headers = kk;
-       }
-       else
+       if (inTypeC(column)!=-1)
        {
-               tagnames += "|"+column_table[kk]['tagname'];
-               headers += "|"+kk;
+               column = column.substring(0,column.length-1);
        }
-}
 
-//debugfilter("fetching these columns: "+tagnames+ "("+headers+")");
+        selectedperiod = document.getElementById('period'+column).value;
+       header = column+""+selectedperiod;
 
-       var slice_id = document.getElementById('slice_id').value;
-       document.getElementById('loadingDiv').innerHTML = "&nbsp;&nbsp;&nbsp;<img src=/plekit/icons/ajax-loader.gif>&nbsp;Loading data. Please wait ...";
-       var url = "/plekit/php/updateColumn.php?slice_id="+slice_id+"&tagName="+tagnames;
-       load_html(headers, url);
-}
+       conf = header;
 
-function deleteColumnCells(column, header) {
+       //debugfilter("adding column "+column+" and header "+header+" and conf = "+conf);
 
-       column_table[header]['visible']=false;
+       addColumnCells(header);
 
-       var cells = document.getElementsByName(header);
-       for(var j = 0; j < cells.length; j++) 
-               cells[j].style.display = "none";
+       if (fetch)
+               addColumnAjax(column, header);
 
+       addColumnToConfiguration(conf);
 }
 
-function deleteColumnSample() {
-       var cellsheader = document.getElementsByName("confheader"+column);
-       for(var j = 0; j < cellsheader.length; j++) 
-               cellsheader[j].style.display = "none";
-
-}
 
-function deleteColumnFromConfiguration(column) {
-
-
-       var old_configuration = document.getElementById('column_configuration').value;
-       var slice_id = document.getElementById('slice_id').value;
-
-       var old_columns = old_configuration.split("|");
-       var new_columns = new Array();
-
-       for (var column_index = 0; column_index < old_columns.length ; column_index++) {
-               var conf = old_columns[column_index].split(':');
-               if (conf[0] != column)
-                       new_columns.push(old_columns[column_index]);
-       }
+function deleteColumnCells(header) {
 
-       var new_configuration = new_columns.join("|");
-       updateColumnConfiguration(slice_id, new_configuration);
+       var cells = document.getElementsByName(header);
+       for(var j = 0; j < cells.length; j++) 
+               cells[j].style.display = "none";
 
-       checkDataToFetch();
 }
 
-function deleteColumn2(column, header) {
-
-       deleteColumnCells(column,header);
-
-       deleteColumnFromConfiguration(column);
-
-       column_table[header]['visible'] = false;
-       document.getElementById('check'+column).checked = false;
-}
 
 function deleteColumn(column) {
 
        var selectedperiod="";
        var header=column;
 
-       if (inTypeC(column)!=-1)
-       {
-               column = column.substring(0,column.length-1);
-       }
-       else if (document.getElementById('selectperiod'+column))
-       {
-               selectedperiod = document.getElementById('selectperiod'+column).value;
-               header = column+""+selectedperiod;
-       }
+        selectedperiod = document.getElementById('period'+column).value;
+       header = column+""+selectedperiod;
 
        //debugfilter("deleting "+column+","+header);
 
-       deleteColumnCells(column,header);
+       deleteColumnCells(header);
 
        deleteColumnFromConfiguration(header);
-
-       column_table[header]['visible'] = false;
-
-       //document.getElementById('check'+column).checked = false;
-}
-
-
-
-
-/*
-
-HIGHLIGHTING
-
-
-
-function updateColumnThreshold(column, minT, maxT) {
-
-debugfilter("updating threshold for "+column+" with "+minT+" and "+maxT);
-
-var cells = document.getElementsByName(column);
-
-for(var j = 0; j < cells.length; j++) 
-{
-var val = parseFloat(cells[j].innerHTML);
-
-if (val >= minT && val <= maxT)
-       cells[j].style.color = filtered_color;
-else
-       cells[j].style.color = normal_color;
-}
-
-var old_configuration = document.getElementById('column_configuration').value;
-var slice_id = document.getElementById('slice_id').value;
-
-var old_columns = old_configuration.split("|");
-var new_columns = new Array();
-
-for (var column_index = 0; column_index < old_columns.length ; column_index++) {
-       var conf = old_columns[column_index].split(':');
-       if (conf[0] != column)
-               new_columns.push(old_columns[column_index]);
-       else
-               new_columns.push(column+":"+minT+","+maxT);
-}
-
-var new_configuration = new_columns.join("|");
-
-updateColumnConfiguration(slice_id, new_configuration);
-
-}
-
-function updateExcludeList(column, excludeList) {
-
-//debugfilter("updating list");
-debugfilter("updating list for "+column+" with "+excludeList);
-
-var cells = document.getElementsByName(column);
-
-for(var j = 1; j < cells.length; j++) 
-{
-var val = cells[j].innerHTML;
-
-if (excludeList == val)
-       cells[j].style.color = filtered_color;
-else
-       cells[j].style.color = normal_color;
-}
-
-var old_configuration = document.getElementById('column_configuration').value;
-var slice_id = document.getElementById('slice_id').value;
-
-var old_columns = old_configuration.split("|");
-var new_columns = new Array();
-
-for (var column_index = 0; column_index < old_columns.length ; column_index++) {
-       var conf = old_columns[column_index].split(':');
-       if (conf[0] != column)
-               new_columns.push(old_columns[column_index]);
-       else
-               new_columns.push(column+":"+excludeList);
-}
-
-var new_configuration = new_columns.join("|");
-
-updateColumnConfiguration(slice_id, new_configuration);
-
-}
-
-
-
-/*
-ROW FILTERING
-
-
-function plekit_table_showAll (slicetable_id) {
-
-  var table=$(slicetable_id);
-  var css='#'+slicetable_id+'>tbody';
-  var rows = $$(css)[0].rows;
-
-  // scan rows, elaborate 'visible'
-  for (var row_index = 0; row_index < rows.length ; row_index++) {
-    var tr=rows[row_index];
-    var visible=true;
-    plekit_table_row_visible(tr,visible);
-  }
-
-    plekit_table_count_filtered(slicetable_id);
-
-  tablePaginater.init(slicetable_id);
-  
-}
-
-function plekit_table_count_filtered (slicetable_id) {
-  var table=$(slicetable_id);
-  var css='#'+slicetable_id+'>tbody';
-  var rows = $$(css)[0].rows;
-
-  var no_filtered=0;
-
-  // scan rows, elaborate 'visible'
-  for (var row_index = 0; row_index < rows.length ; row_index++) {
-    var tr=rows[row_index];
-    var filtered = false;
-
-    for (var column_index=0; column_index < tr.cells.length; column_index++) 
-               if (tr.cells[column_index].style.color == "red")
-                       filtered = true;
-
-       if (filtered)
-       no_filtered++;
-
-  }
-
-  debugfilter(no_filtered+' nodes do not satisfy the requested threshold');
-}
-
-
-function plekit_table_hide_filtered (slicetable_id) {
-  var table=$(slicetable_id);
-  var css='#'+slicetable_id+'>tbody';
-  var rows = $$(css)[0].rows;
-
-  var reg = /(^|\s)invisibleRow(\s|$)/;
-
-
-  if (!document.getElementById('filtercheck').checked)
-  {
-       plekit_table_showAll(slicetable_id);
-       return;
-  }
-
-  var hidden=0;
-
-  // scan rows, elaborate 'visible'
-  for (var row_index = 0; row_index < rows.length ; row_index++) {
-    var tr=rows[row_index];
-    var visible=true;
-
-    for (var column_index=0; column_index < tr.cells.length; column_index++) {
-               if (tr.cells[column_index].style.color == filtered_color)
-                       visible = false;
-    }
-    if (!visible)
-       hidden++;
-
-    plekit_table_row_visible(tr,visible);
-  }
-
-  //debugfilter('hidden '+hidden+' nodes');
-  debugfilter(hidden+' nodes do not satisfy the requested threshold (hidden)');
-  
-  tablePaginater.init(slicetable_id);
-}
-
-
-
-
-function plekit_table_apply_config(slicetable_id, configuration) {
-
-var new_configuration = document.getElementById('new_conf').value;
-var all_columns = new_configuration.split("|");
-
-var min_values = new Array();
-var max_values = new Array();
-
-
-for (var column_index = 0; column_index < all_columns.length ; column_index++) {
-
-       var conf = all_columns[column_index].split(':');
-       
-       if (inTypeB(conf[0]) != -1)
-       {
-               var threshold = conf[1].split(',');
-               if (threshold.length == 2)
-               {
-               min_values.push(parseFloat(threshold[0]));
-               max_values.push(parseFloat(threshold[1]));
-               }
-       }
-       else if (inTypeC(conf[0]) == -1)
-       {
-               var threshold = conf[2].split(',');
-               if (threshold.length == 2)
-               {
-               min_values.push(parseInt(threshold[0]));
-               max_values.push(parseInt(threshold[1]));
-               }
-       }
-       else
-       {
-               min_values.push(-1);
-               max_values.push(-1);
-       }
-       
-}
-
-  var table=$(slicetable_id);
-  var css='#'+slicetable_id+'>tbody';
-  var rows = $$(css)[0].rows;
-
-
-  var no_filtered=0;
-
-  for (var row_index = 0; row_index < rows.length ; row_index++) {
-
-       var tr=rows[row_index];
-
-       var filtered = false;
-
-       for (var column_index = 0; column_index < all_columns.length ; column_index++) 
-       if (min_values[column_index]!=-1)
-       {
-               var val = parseFloat(tr.cells[3+column_index].innerHTML);
-               
-               if (val >= min_values[column_index] && val <= max_values[column_index])
-               {
-                       tr.cells[3+column_index].style.color = filtered_color;
-                       filtered = true;
-               }
-               else
-                       tr.cells[3+column_index].style.color = normal_color;
-       }
-       else
-               if (tr.cells[3+column_index].style.color == filtered_color)
-                       filtered = true;
-               
-
-       if (filtered)
-       no_filtered++;
-  }
-
-  debugfilter(no_filtered+' nodes do not satisfy the requested threshold');
-
-  //tablePaginater.init(slicetable_id);
-
 }
 
 
-function reset_select () {
-  var table=$(slicetable_id);
-  var css='#'+slicetable_id+'>tbody';
-  var rows = $$(css)[0].rows;
-
-var action = document.getElementById('onlyselected');
-action.checked=false;
-
-  // scan rows, elaborate 'visible'
-  for (var row_index = 0; row_index < rows.length ; row_index++) {
-    var tr=rows[row_index];
-
-    document.getElementById("check"+tr.id).checked=false;
-
-  }
-
-  plekit_table_count_nodes();
-}
-
-}
-
-
-function plekit_table_select_filter () {
-  var table=$(slicetable_id);
-  var css='#'+slicetable_id+'>tbody';
-  var rows = $$(css)[0].rows;
-
-  var reg = /(^|\s)invisibleRow(\s|$)/;
-
-  var action = document.getElementById('onlyselected');
-  if (!action.checked)
-       plekit_table_reset_filter();
-
-  // scan rows, elaborate 'visible'
-  for (var row_index = 0; row_index < rows.length ; row_index++) {
-    var tr=rows[row_index];
-    var visible=true;
-
-    if (action.checked)
-    {
-         if(tr.className.search(reg) == -1) 
-              if(!document.getElementById("check"+tr.id).checked)
-                 visible=false;
-    }
-
-    if(tr.className.search(reg) != -1) 
-       visible=false;
-
-    plekit_table_row_visible(tr,visible);
-  }
-  
-  tablePaginater.init(slicetable_id);
-  plekit_table_count_nodes();
-}
-
-function plekit_table_select_filter2 () {
-  var table=$(slicetable_id);
-  var css='#'+slicetable_id+'>tbody';
-  var rows = $$(css)[0].rows;
-
-  var reg = /(^|\s)invisibleRow(\s|$)/;
-
-  var action = document.getElementById('onlyselected');
-
-  // scan rows, elaborate 'visible'
-  for (var row_index = 0; row_index < rows.length ; row_index++) {
-    var tr=rows[row_index];
-    var visible=true;
-
-    if (action.checked)
-    {
-         if(tr.className.search(reg) == -1) 
-              if(!document.getElementById("check"+tr.id).checked)
-                 visible=false;
-    }
-
-    if(tr.className.search(reg) != -1) 
-       visible=false;
-
-    plekit_table_row_visible(tr,visible);
-  }
-  
-  tablePaginater.init(slicetable_id);
-  plekit_table_count_nodes();
-}
-
-function CheckTopNodes(n) {
-  var table=$(slicetable_id);
-  var css='#'+slicetable_id+'>tbody';
-  var rows = $$(css)[0].rows;
-  var reg = /(^|\s)invisibleRow(\s|$)/;
-
-  var checked=0;
-
-  for (var row_index = 0; row_index < rows.length ; row_index++) {
-    var tr=rows[row_index];
-
-    if(tr.className.search(reg) == -1) {
-       if (checked<n)
-       {
-               document.getElementById("check"+tr.id).checked=true;
-               checked++;
-       }
-       else
-       {
-               document.getElementById("check"+tr.id).checked=false;
-       };
-    };
-   };
-};
-
-
-function CheckRandomNodes(n) {
-  var table=$(slicetable_id);
-  var css='#'+slicetable_id+'>tbody';
-  var rows = $$(css)[0].rows;
-  var reg = /(^|\s)invisibleRow(\s|$)/;
-
-  var r = n/plekit_table_visible_count();
-  var checked=0;
-
-  for (var row_index = 0; row_index < rows.length ; row_index++) {
-    var tr=rows[row_index];
-
-    if(tr.className.search(reg) == -1) {
-       if(Math.random() < r) {
-               document.getElementById("check"+tr.id).checked=true;
-               checked++;
-       };
-       if (checked>=n)
-               break;
-     };
-  };
-};
-
-
-function plekit_table_visible_count() {
-  var table=$(slicetable_id);
-  var css='#'+slicetable_id+'>tbody';
-  var rows = $$(css)[0].rows;
-  var reg = /(^|\s)invisibleRow(\s|$)/;
-  var v=0;
-
-  for (var row_index = 0; row_index < rows.length ; row_index++) {
-    var tr=rows[row_index];
-
-       if(tr.className.search(reg) == -1) 
-       {
-               v++;
-       }
-  }
-
-  return v;
-}
-
-
-function plekit_table_count_nodes() {
-  var table=$(slicetable_id);
-  var css='#'+slicetable_id+'>tbody';
-  var rows = $$(css)[0].rows;
-  var reg = /(^|\s)invisibleRow(\s|$)/;
-  var n=0;
-  var v=0;
-  var s=0;
-
-  for (var row_index = 0; row_index < rows.length ; row_index++) {
-    var tr=rows[row_index];
-
-       n++;
-       var ch = document.getElementById("check"+tr.id);
-
-       if(tr.className.search(reg) == -1) 
-               v++;
-       else
-       {
-               if (ch.checked)
-                       ch.checked=false;
-       };
-
-       if (ch.checked)
-               s++;
-       
-   };
-
-   var dd = document.getElementById('node_statistics');
-   dd.innerHTML = "Total: "+n+" - Shown: "+v+" - Selected: "+s;
-};
-
-function AutoSelect()
-{
-  var a = document.getElementById('automatic').value;
-  var n = parseInt(document.getElementById('no_nodes').value);
-
-  if (isNaN(n))
-       return;
-
-  if (a == "random")
-         CheckRandomNodes(n);
-  else if (a == "top")
-         CheckTopNodes(n);
-
-  plekit_table_select_filter2();
-  plekit_table_count_nodes();
-}
-
-*/