function showPIPopup(resultIdx) {
	var id = "resPopDiv"+resultIdx;
	var GRAPH_HEIGHT = 200;

	function timeFormatter(elCell, oRecord, oColumn, oData) {
		elCell.innerHTML = formatTime(secToTime(oData));
	}

	function initPIPop() {
		var divEl = document.getElementById(id);
		var result = tableData.results[resultIdx];
		if (!divEl) {
			divEl = document.createElement("div");
			divEl.innerHTML = "<div class='hd'></div><div id='"+id+"-bd' class='bd' style='background-color:#333;'></div>";
			divEl.id = id;
			//divEl.className = "yui-skin-ap";
			document.getElementById("yss-container").appendChild(divEl);
			
			var tlen = 0;
			for (var i=0;i<result.legs.length;i++){
				var leg = result.legs[i];
				leg.c = i+1;
				leg.len = tableData.controls[i].len;
				tlen += leg.len;
				leg.tlen = tlen;
				leg.pace = 1000.0 * leg.sp / leg.len;
				leg.tpace = 1000.0 * leg.el / leg.tlen;
			}
			
			var myColumnDefs = [ 
	            {key:"c", label:"#", sortable:true}, 
	            {key:"len", label:"dist", sortable:true}, 
	            {key:"sp", label:"time", sortable:true, formatter:timeFormatter}, 
	            {key:"pace", label:"pace", sortable:true, formatter:timeFormatter}, 
	            {key:"pi", label:"perf idx", sortable:true},
	            {key:"spp", label:"#", sortable:true}, 
	            {key:"tlen", label:"t.dist", sortable:true}, 
	            {key:"el", label:"t.time", sortable:true, formatter:timeFormatter}, 
	            {key:"tpace", label:"t.pace", sortable:true, formatter:timeFormatter},
	            {key:"elp", label:"t.#", sortable:true}
	            
	        ]; 
	 
	        var myDataSource = new YAHOO.util.DataSource(result.legs); 
	        myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSARRAY; 
	        myDataSource.responseSchema = { 
	            fields: ["c","len","sp","spp","pi","tlen","el","elp","pace","tpace"] 
	        }; 
	 
	        var myDataTable = new YAHOO.widget.DataTable(id+"-bd", 
	                myColumnDefs, myDataSource, {}); 
	                 
			
			/*
			var graphDiv = document.createElement("div");
			graphDiv.style.position = "relative";
			graphDiv.style.width = "300px";
			graphDiv.style.height = GRAPH_HEIGHT+"px";
			graphDiv.style.padding = "5px";
			document.getElementById(id+"-bd").appendChild(graphDiv);
			var piSort = result.pi.concat().sort(function(a,b){return b-a;});
			var medianPI = piSort[Math.ceil(piSort.length/2)];
			var range = Math.max(piSort[0],100) - 0;//piSort[piSort.length-1];
			var scale = Math.min(5, GRAPH_HEIGHT/range);
			//alert([piSort.join(","),range,scale]);
			var yorigin = (piSort[0] - medianPI) * scale;
			for (var i=0,x=0;i<result.pi.length;i++) {
				var sDiv = document.createElement("div");
				sDiv.style.position = "absolute";
				var width = Math.max(4, tableData.refTimes[i] / tableData.refTotal * 300);
				sDiv.style.width = width + "px";
				sDiv.style.left = (x)+"px";
				sDiv.title = "("+(i+1)+") "+result.pi[i];
				var pi = result.pi[i];//piSort[i];//
				sDiv.style.height = Math.max(1,(pi*scale))+"px";
				sDiv.style.bottom = "0px";
					
				if (pi >= medianPI) {
					//sDiv.style.bottom = GRAPH_HEIGHT-yorigin+"px";
					sDiv.style.backgroundColor = "#3f3";
				} else {
					//sDiv.style.top = yorigin+"px";
					sDiv.style.backgroundColor = "#f33";
				}	
				graphDiv.appendChild(sDiv);
				x += width + 2;
			}
			*/
			//document.body.appendChild(divEl);
		}		
		var myPanel = new YAHOO.widget.Panel(divEl, {
			/*width:"400px", */
			close:true, 
			visible:true, 
			draggable:true} );
		myPanel.setHeader("Split Analysis: "+result.name);
		myPanel.render();
		myPanel.show();
		myPanel.center();
	}
	
	if (YAHOO.widget.Panel) {
    	initPIPop();
    } else {
		var loader = new YAHOO.util.YUILoader({ 
	        base: "http://yui.yahooapis.com/2.6.0/build/", 
	        require: ["container","dragdrop","datatable"], 
	        loadOptional: false, 
	        combine: false, 
	        filter: "MIN", 
	        allowRollup: true, 
	        onSuccess: initPIPop
	    }); 
	 
		// Load the files using the insert() method. 
		loader.insert(); 
	}
}