var project={"_id":"5bad4931ab233e8499be261d","id":"940446eb361650783af19cea4b7e80271a47559d","name":"Map builder","user":"566ac9850286a8f9080cdd79","description":"","created":"2018-09-26T11:52:02.564Z","shared":false,"server":"micro","datafiles":[{"file":{"link":"https://v4p4sz5ijk.execute-api.us-east-1.amazonaws.com/anbdata/services/groupselect","type":"URL/API","url":"https://v4p4sz5ijk.execute-api.us-east-1.amazonaws.com/anbdata/services/groupselect","message":{"error":false,"text":""}},"varname":"groups","title":"Groups","activated":true,"name":"datafile","linkedtofile":true,"optional":true,"content":""},{"file":{"link":"https://s3.amazonaws.com/istarsshare/worldcountry.txt","type":"URL/API","url":"https://s3.amazonaws.com/istarsshare/worldcountry.txt","message":{"error":false,"text":""}},"varname":"collection","title":"countries","activated":true,"name":"datafile","linkedtofile":true,"optional":true,"content":"","sendtojs":true},{"file":{"link":"http://api.anbdata.com/anb/services/swagger","type":"URL/API","url":"http://api.anbdata.com/anb/services/swagger","message":{"error":false,"text":""}},"varname":"anbdata","title":"APIs","activated":true,"name":"datafile","linkedtofile":true,"optional":true,"content":"","sendtojs":true},{"file":{"link":"https://v4p4sz5ijk.execute-api.us-east-1.amazonaws.com/anbdata/states/names/icao-member-states?api_key=7c3cb620-ed23-11e5-a5f9-adff4fb3e3e1&format=json","type":"URL/API","url":"https://v4p4sz5ijk.execute-api.us-east-1.amazonaws.com/anbdata/states/names/icao-member-states?api_key=7c3cb620-ed23-11e5-a5f9-adff4fb3e3e1&format=json","message":{"error":false,"text":""}},"varname":"icaostates","title":"icaostates","activated":true,"name":"datafile","linkedtofile":true,"optional":true,"content":"","sendtojs":true}],"packs":["bootstrap","jquery","D3","Datatables"],"container":"mainpart","js":{"file":{"type":"","url":"","link":"","message":{"error":true,"text":"File not defined"},"depurl":"https://quipslibistars.s3.amazonaws.com/prod/940446eb361650783af19cea4b7e80271a47559d/script.js"},"title":"Javascript","activated":true,"name":"js","linkedtofile":false,"optional":true,"content":"$(\"#customgroups optgroup:eq(0)\").remove()\n$(\"#customgroups\").val(\"530e1ca1afc6139425000409\")\nicaostates.sort(function(a,b){return (a.UN_state_name<b.UN_state_name?-1:1)})\nvar apibundle={}\nvar width = 960,\n    height = 500,\n    centered;\nvar currentgroup,currentdata\nvar dtable\n\nvar projection = d3.geo.equirectangular()\n          .scale(150)\n    .translate([width / 2, height / 2]);\n\nvar path = d3.geo.path()\n    .projection(projection);\nvar svg,g\nvar usoapdata,statelist\nvar databox={}\nvar dtableon=false\nvar eliminate=[\"current-fleet-list\",\"criticality-stats\",\"historic-fleet-stats\",\"connection-stats\",\"activity-list\",\n\"progress-cert-stats\",\"progress-stats\"]\n\nbuildmetrics()\n\nbuilder()\n\nfunction buildmetrics(){\n    for(var path in anbdata.paths) {\n        var elim=false\n        $(eliminate).each(function(i,v){\n            if (path.indexOf(v)>=0) elim=true\n        })\n       if (path.split(\"/\")[1]==\"states\"&&!elim) {\n         var schema=anbdata.paths[path].get.responses[\"200\"].schema.$ref.split(\"/\")[2]\n         var api=anbdata.definitions[schema]\n         if (api.description&&api.description.split(\";\")[0].toUpperCase().indexOf(\"AGGREG\")<0) {\n            var descr=api.description.split(\";\")\n            var group=$(\"<optgroup label='\"+descr[0]+\"'></optgroup>\")\n            databox[descr[0]]={}\n            var counts=0\n            for (var prop in api.properties) {\n                 if (api.properties[prop].type==\"number\"&&api.properties[prop].description.toUpperCase().indexOf(\"LATITUDE\")<0&&api.properties[prop].description.toUpperCase().indexOf(\"LONGITUDE\")<0) {\n                     counts++\n                     var t=api.properties[prop].description.toUpperCase()\n                     var unit=\"\"\n                     if (t.indexOf(\"SCORE\")>=0||t.indexOf(\"PERCENT\")>=0||t.indexOf(\"%\")>=0) unit=\"%\"\n                     $(\"<option unit='\"+unit+\"' path='\"+path+\"' value ='\"+path+\"/\"+prop+\"' field='\"+prop+\"'>\"+api.properties[prop].description+\"</option>\").appendTo(group)\n                     apibundle[descr[0]]={url:path}\n                }\n            }\n            //console.log(group.html())\n            if (counts>0) $(\"#metric\").append(group)\n       \n         }   \n         } \n    }\n    $(\"#metric\").val(\"/states/usoap/ei-stats/overall\")\n\n}\nfunction applycols(){\n    $(\"#cscale_h\").closest(\"tr\").find(\".colbox\").css(\"background-color\",$(\"#cscale_h\").val())\n    $(\"#cscale_m\").closest(\"tr\").find(\".colbox\").css(\"background-color\",$(\"#cscale_m\").val())\n    $(\"#cscale_l\").closest(\"tr\").find(\".colbox\").css(\"background-color\",$(\"#cscale_l\").val())\n}\n\nfunction builder()\n{\n$(\"#SomeSelectors\").append($(\"#theselect\"));\n\n\n$(\"select.cscales\").html($(\"#colorselect\").html())\n$(\"#cscale_h\").val(\"Green\")\n$(\"#cscale_m\").val(\"Yellow\")\n$(\"#cscale_l\").val(\"Red\")\n\napplycols()\n$(\".cscales\").change(function(){\n  applycols()\n\n})\n//getApp();\t\n//getgroupdropdown( {container: \"customgroups\"}, function() {\n\tgetgroupdata(drawit)\n//  })\n\n$(\"#customgroups\").change(function(){\n\tgetgroupdata(displayit)\n})\n  $(\".redraw\").change(function(){\n\tdisplayit()\n})\n\n\n$(\"#metric\").change(function(){\nif ($(\"#metric\").val()==\"None\") {\n\t$(\"#middlecol\").hide()\n\t$(\"#lowcol\").hide()\n\t$(\"#colsel\").hide()\n\t$(\"#vscale\").val(\"dual\")\n}\nelse {\n\t$(\"#middlecol\").show()\n\t$(\"#lowcol\").show()\n\t$(\"#colsel\").show()\n}\n  if ($(\"#metric option:selected\").attr(\"unit\")==\"yesno\") {\n\t$(\"#vscale\").val(\"dual\")\n\t$(\"#middlecol\").hide()\n\t$(\"#vscale option\").attr(\"disabled\",\"disabled\")\n\t$(\"#vscale option:selected\").removeAttr(\"disabled\")\n\t}\nelse { \n\t$(\"#vscale option\").removeAttr(\"disabled\")\n\tif ($(\"#vscale\").val()==\"dual\") {\n\t\t$(\"#vscale\").val(\"val\")\n\t\t\t$(\"#middlecol\").show()\n\n\t\t}\nif ($(\"#metric option:selected\").attr(\"unit\")!=\"%\") {\n\tif (($(\"#vscale\").val()==\"progress\")||($(\"#vscale\").val()==\"percent\")) {\n\t\t$(\"#vscale\").val(\"val\")\n\t}\n\t$(\"#vscale option.percent\").attr(\"disabled\",\"disabled\")\n\t}\nelse {\n\n\n\t$(\"#vscale option.percent\").removeAttr(\"disabled\")\n\t}\n\n}\n\ngetdata(function(){\n\t\tdisplayit() })\n\n})\n  $(\"#vscale\").change(function(){\n\tif ($(this).val()==\"threshold\") {\n\t\t$(\"#thresholdp\").show()\n\t\tvar ext=extremes()\n\t\t$(\"#threshold\").val(Math.round((ext.min+ext.max)/2))\n\t\t}\n\telse {\n\t\t$(\"#thresholdp\").hide()}\nif (($(this).val()==\"threshold\")||($(this).val()==\"nonzero\")||($(this).val()==\"dual\")) {\n\t\t$(\"#middlecol\").hide()}\nelse {\n\t\t$(\"#middlecol\").show()}\n\n\n\t\n\tdisplayit()\n})\n\n//$(\"#SomeSelectors button\").button()\n//$(\"#accordion button\").button()\n\n$(\"#showlabs\").click(function(e){\ne.preventDefault()\nclearInterval(mytimer)\n$(\"#labels text\").hide()\nif (!labels) {\n\t$(\"#labels text\").each(function(){\n\t\tif ($(this).text()!=this.id.substring(2)) {\n\t\t\t$(this).show()\n\t\t\t}\n\t})\n\t\n\t}\nlabels=!labels\n})\n\n\n$(\"#togglestates\").click(function(e){\ne.preventDefault()\nnongrouptoggle=!nongrouptoggle\ndisplayit()\n})\n\n$(\"#invert\").click(function(e){\n\te.preventDefault()\n\tvar x=$(\"#cscale_h\").val()\n\t$(\"#cscale_h\").val($(\"#cscale_l\").val())\n\t$(\"#cscale_l\").val(x)\n\tdisplayit()\n})\n}\nvar labels=false\n\nfunction getdata(next){\nif ($(\"#metric\").val()==\"None\") {\n$.getJSON(\"https://api.anbdata.com/anb/services/groupcomp?callback=?\",\n    {group:$(\"#customgroups\").val()},\n    function(data){\n            currentdata=data.Composition.map(function(d){return {State:d}})\n\n\t\t\tnext()\n\t\t\t\n\t\t});\n}\nelse {\nvar path=$(\"#metric option:selected\").attr(\"path\")\n$.getJSON(\"https://v4p4sz5ijk.execute-api.us-east-1.amazonaws.com/anbdata\"+path+\"?callback=?\",\n        {api_key:\"6e3a1df0-492c-11e6-a6e7-479c8ae56bb0\",\n        //states:$(\"#customgroups\").val(),\n        Year:$(\"#yearsel\").val()},function(data){\n            currentdata=[]\n            $(data).each(function(i,v){\n                if (!v.State) {\n                    if (v.iso_3_code) v.State=v.iso_3_code\n                    else if (v.state) v.State=v.state\n                    \n                }\n                if (currentgroup.Composition.indexOf(v.State)>=0) currentdata.push(v)\n            })\n\n\t\t\tnext();\n\t\t\t\n\t\t});\n}\n}\n\nfunction getgroupdata(next){\n$.getJSON(\"https://api.anbdata.com/anb/services/groupcomp?callback=?\",\n    {group:$(\"#customgroups\").val()},\n    function(data){\n        currentgroup=data\n\t\tgetdata(function(){\n\t\t\tnext();\n\t\t\t})\n\n  \n  })\n\n\n}\n\nvar legend;\n\nfunction drawit(){\n$(\"#mainmap\").html(\"\")\nsvg = d3.select(\"#mainmap\").append(\"svg\")\n    .attr(\"width\", width)\n    .attr(\"height\", height)\n\t.attr(\"overflow\", \"hidden\");\n\nsvg.append(\"rect\")\n    .attr(\"class\", \"background\")\n    .attr(\"width\", width)\n    .attr(\"height\", height)\n    .on(\"click\", clicked);\n\ng = svg.append(\"g\");\nsvg.append(\"defs:linearGradient\")\n\t.attr(\"id\",\"grad1\")\n\t.attr(\"x1\",\"0%\")\n\t.attr(\"x2\",\"100%\")\n\t.attr(\"y1\",\"0%\")\n\t.attr(\"y2\",\"0%\")\nsvg.select(\"#grad1\")\n\t.append(\"stop\")\n\t.attr(\"offset\",\"0%\")\n\t.style(\"stop-color\",\"green\")\n\t.style(\"stop-opacity\",1)\nsvg.select(\"#grad1\")\n\t.append(\"stop\")\n\t.attr(\"offset\",\"100%\")\n\t.style(\"stop-color\",\"yellow\")\n\t.style(\"stop-opacity\",1)\nsvg.append(\"defs:linearGradient\")\n\t.attr(\"id\",\"grad2\")\n\t.attr(\"x1\",\"0%\")\n\t.attr(\"x2\",\"100%\")\n\t.attr(\"y1\",\"0%\")\n\t.attr(\"y2\",\"0%\")\nsvg.select(\"#grad2\")\n\t.append(\"stop\")\n\t.attr(\"offset\",\"0%\")\n\t.style(\"stop-color\",\"yellow\")\n\t.style(\"stop-opacity\",1)\nsvg.select(\"#grad2\")\n\t.append(\"stop\")\n\t.attr(\"offset\",\"100%\")\n\t.style(\"stop-color\",\"red\")\n\t.style(\"stop-opacity\",1)\n\n\n\n\n //d3.json(\"/space/Tools%20and%20addons/jslibrary/worldcountry.txt\", function(error, collection) {\n  var col2=collection.features\n\n\tg.append(\"g\")\n      .attr(\"id\", \"states\")\n    .selectAll(\"path\")\n      .data(col2)\n    .enter().append(\"path\")\n      .attr(\"d\", path)\n\t  .attr(\"id\",function(d){return d.id})\n\t  .style(\"fill\",\"lightgray\")\n\t  .style(\"stroke\",\"#fff\")\n\t  .style(\"stroke-width\", 0.5)\n\t  .on(\"click\", clicked);\n      //.on(\"mouseover\", hover)\n      //.on(\"mouseout\", hoverout);\n\n  g.append(\"g\")\n      .attr(\"id\", \"labels\")\n\t  .selectAll(\".countryname\")\n      .data(col2)\n\t  .enter().append(\"text\")\n\t.attr(\"transform\", function(d) { return \"translate(\" + path.centroid(d) + \")\"; })\n    .attr(\"dy\", \".35em\")\n    .attr(\"font-size\", \"2px\")\n    .attr(\"font-weight\", \"bold\")\n\t.attr(\"class\", \"countryname\")\n\t.style(\"display\",\"none\")\n\t.attr(\"id\",function(d){return \"C_\"+d.id})\n      .text(\"\");\n\t  \n\t  svg.append(\"rect\")\n\t.attr(\"id\",\"legendbox1\")\n\t.attr(\"class\",\"mainlegend\")\n\t.attr(\"x\",20)\n\t.attr(\"y\",height-20)\n\t.attr(\"width\",50)\n\t.attr(\"height\",10)\n\t.style(\"fill\",\"url(#grad1)\")\nsvg.append(\"rect\")\n\t.attr(\"id\",\"legendbox2\")\n\t.attr(\"class\",\"mainlegend\")\n\t.attr(\"x\",70)\n\t.attr(\"y\",height-20)\n\t.attr(\"width\",50)\n\t.attr(\"height\",10)\n\t.style(\"fill\",\"url(#grad2)\")\n\n\tsvg.append(\"rect\")\n\t.attr(\"id\",\"legendbox3\")\n\t.attr(\"class\",\"secondlegend\")\n\t.attr(\"x\",20)\n\t.attr(\"y\",height-20)\n\t.attr(\"width\",10)\n\t.attr(\"height\",10)\n\t.style(\"display\",\"none\")\nsvg.append(\"rect\")\n\t.attr(\"id\",\"legendbox4\")\n\t.attr(\"class\",\"secondlegend\")\n\t.attr(\"x\",30)\n\t.attr(\"y\",height-20)\n\t.attr(\"width\",80)\n\t.attr(\"height\",10)\n\t.style(\"display\",\"none\")\nsvg.append(\"rect\")\n\t.attr(\"id\",\"legendbox5\")\n\t.attr(\"class\",\"secondlegend\")\n\t.attr(\"x\",110)\n\t.attr(\"y\",height-20)\n\t.attr(\"width\",10)\n\t.attr(\"height\",10)\n\t.style(\"display\",\"none\")\n\n\n\tsvg.append(\"text\")\n\t.attr(\"id\",\"mintext\")\n\t.attr(\"x\",15)\n\t.attr(\"y\",height-23)\n\t.style(\"font-size\",\"10px\")\n svg.append(\"text\")\n\t.attr(\"id\",\"midtext\")\n\t.attr(\"x\",65)\n\t.attr(\"y\",height-23)\n\t.style(\"font-size\",\"10px\") \nsvg.append(\"text\")\n\t.attr(\"id\",\"maxtext\")\n\t.attr(\"x\",115)\n\t.attr(\"y\",height-23)\n\t.style(\"font-size\",\"10px\")\t\n svg.append(\"text\")\n\t.attr(\"id\",\"metrictext\")\n\t.attr(\"x\",15)\n\t.attr(\"y\",height-33)\n\t.style(\"font-size\",\"10px\")\t\n displayit()\n//});  \n\n}\n\nvar nongrouptoggle=false\nvar color;\nvar n,mrank\nvar dom\n\n\n\nfunction setcolor() {\ndom=d3.scale.linear()\n    .domain([0,50,100])\nvar mintext=\"0%\"\nvar midtext=\"50%\"\nvar maxtext=\"100%\"\nvar ext=extremes()\nvar mettext=$(\"#metric option:selected\").text()\nif ($(\"#metric\").val()==\"None\") {\n\tcolor=function(d) {\n\treturn $(\"#cscale_h\").val().toLowerCase() }\n\t$(\"#legendbox1\").show()\n\t$(\"#legendbox1\").css(\"fill\",$(\"#cscale_h\").val().toLowerCase())\n\t$(\"#legendbox2\").hide()\n\t$(\"#legendbox3\").hide()\n\t$(\"#legendbox4\").hide()\n\t$(\"#legendbox5\").hide()\n\tmidtext=\"\"\n\tmintext=\"\"\n\t$(\"#midtext\").text(midtext)\n\tmaxtext=\"\"\n\tmettext=$(\"#customgroups option:selected\").text()\n}\nelse {\t\t\n\t$(\"#legendbox1\").show()\n\t$(\"#legendbox2\").show()\n\t$(\"#legendbox3\").hide()\n\t$(\"#legendbox4\").hide()\n\t$(\"#legendbox5\").hide()\n\nif ($(\"#vscale\").val()==\"val\") {\n\t\n\tdom = d3.scale.linear()\n    .domain([ext.min,(ext.min+ext.max)/2,ext.max])\n\tmintext=ext.min\n\tmidtext=Math.round((ext.min+ext.max)/2)\n\tmaxtext=ext.max\n\t\n}\nif ($(\"#vscale\").val()==\"rank\") {\n\tmrank=maxrank()\n\tn=mrank.lastrank\n\tdom = d3.scale.linear()\n    .domain([n,Math.round(n/2),1])\n\tmintext=n\n\tmidtext=Math.round(n/2)\n\tmaxtext=1\n\tmettext=\"Rank of \"+mettext\n}\nif ($(\"#vscale\").val()!=\"threshold\") {\nif ($(\"#vscale\").val()!=\"progress\") {\nif ($(\"#vscale\").val()!=\"nonzero\") {\nif ($(\"#vscale\").val()!=\"dual\") {\n\n\tcolor=dom.range([$(\"#cscale_l\").val().toLowerCase(),\n\t$(\"#cscale_m\").val().toLowerCase(),\n\t$(\"#cscale_h\").val().toLowerCase()\n\t])\n\t$(\"#legendbox1\").css(\"fill\",\"url(#grad1)\")\n\t$(\"#legendbox2\").css(\"fill\",\"url(#grad2)\")\n\t$(\"#grad2 stop:eq(1)\").css(\"stop-color\",$(\"#cscale_h\").val().toLowerCase())\n\t$(\"#grad2 stop:eq(0)\").css(\"stop-color\",$(\"#cscale_m\").val().toLowerCase())\n\t$(\"#grad1 stop:eq(1)\").css(\"stop-color\",$(\"#cscale_m\").val().toLowerCase())\n\t$(\"#grad1 stop:eq(0)\").css(\"stop-color\",$(\"#cscale_l\").val().toLowerCase())\n\t$(\"#midtext\").text(midtext)\n\t$(\"rect.mainlegend\").show()\n\t$(\"rect.secondlegend\").hide()\n}\nelse {\n//Dual min,max\n\tcolor=function(d){\n\t\tif (d==ext.min) {\n\t\t\treturn $(\"#cscale_l\").val().toLowerCase() }\n\t\telse {\n\t\t\treturn $(\"#cscale_h\").val().toLowerCase() }\n\t\t}\n\t$(\"rect.mainlegend\").hide()\n\t$(\"rect.secondlegend\").show()\n\t\n\t$(\"#legendbox3\").css(\"fill\",$(\"#cscale_l\").val().toLowerCase())\n\t$(\"#legendbox5\").css(\"fill\",$(\"#cscale_h\").val().toLowerCase())\n\t$(\"#legendbox4\").hide()\n\t$(\"#midtext\").text(\"\")\n\tmaxtext=ext.max\n\tmintext=ext.min\n\tif ($(\"#metric option:selected\").attr(\"unit\")==\"yesno\") {\n\t\tmaxtext=\"Yes\"\n\t\tmintext=\"No\"\n\t}\n\t\t\n}\n}\nelse {\n//Non zero\n\tcolor=function(d){\n\t\tif (d==0) {\n\t\t\treturn $(\"#cscale_l\").val().toLowerCase() }\n\t\telse {\n\t\t\treturn $(\"#cscale_h\").val().toLowerCase() }\n\t\t}\n\t$(\"rect.mainlegend\").hide()\n\t$(\"rect.secondlegend\").show()\n\t\n\t$(\"#legendbox3\").css(\"fill\",$(\"#cscale_l\").val().toLowerCase())\n\t$(\"#legendbox5\").css(\"fill\",$(\"#cscale_h\").val().toLowerCase())\n\t$(\"#legendbox4\").css(\"fill\",$(\"#cscale_h\").val().toLowerCase())\n\t$(\"#legendbox4\").show()\n\t$(\"#midtext\").text(\">0\")\n\tmaxtext=\"\"\n\tmintext=\"0\"\n}\n}\nelse {\n//Progress\n\tcolor=function(d){\n\t\tif (d==0) {\n\t\t\treturn $(\"#cscale_l\").val().toLowerCase() }\n\t\telse {\n\t\t\tif (d==100) {\n\t\t\t\t\treturn $(\"#cscale_h\").val().toLowerCase() }\n\t\t\telse {\n\t\t\t\t\treturn $(\"#cscale_m\").val().toLowerCase() }\n\t\t\t\n\t\t\t}\n\t\t}\n\t$(\"rect.mainlegend\").hide()\n\t$(\"rect.secondlegend\").show()\n\t\n\t$(\"#legendbox3\").css(\"fill\",$(\"#cscale_l\").val().toLowerCase())\n\t$(\"#legendbox5\").css(\"fill\",$(\"#cscale_h\").val().toLowerCase())\n\t$(\"#legendbox4\").css(\"fill\",$(\"#cscale_m\").val().toLowerCase())\n\t$(\"#legendbox4\").show()\n\t$(\"#midtext\").text(\"x\")\n}\n}\nelse {\n//Threshold\n\tcolor=function(d){\n\t\tif (d<Number($(\"#threshold\").val())) {\n\t\t\treturn $(\"#cscale_l\").val().toLowerCase() }\n\t\telse {\n\t\t\treturn $(\"#cscale_h\").val().toLowerCase() }\n\t\t\t}\n\t$(\"#legendbox1\").css(\"fill\",$(\"#cscale_l\").val().toLowerCase())\n\t$(\"#legendbox2\").css(\"fill\",$(\"#cscale_h\").val().toLowerCase())\n\t$(\"#midtext\").text($(\"#threshold\").val()+$(\"#metric option:selected\").attr(\"unit\"))\n\t$(\"rect.mainlegend\").show()\n\t$(\"rect.secondlegend\").hide()\n}\n}\n\n$(\"#mintext\").text(mintext)\n$(\"#maxtext\").text(maxtext)\n\n$(\"#metrictext\").text(mettext.split(\" (yes\")[0])\n\n}\n\nfunction extremes() {\n//var metricdata=databox[$(\"#metric option:selected\").parent().attr(\"label\")]\nvar field=$(\"#metric option:selected\").attr(\"field\")\nvar min=-1,max=0\n$(currentdata).each(function(i,data){\nvar x=data[field]\n\tif ((min<0)||(x<min)) {\n\t\tmin=x}\n\tif (x>max) {\n\t\tmax=x}\n})\nreturn {min:min,max:max}\n\n}\n\nfunction rank(z){\n//var metricdata=databox[$(\"#metric option:selected\").parent().attr(\"label\")]\nvar s=1\nvar field=$(\"#metric option:selected\").attr(\"field\")\n$(currentdata).each(function(i,data){\n\tvar x=data[field]\n\tif (x>z) s++\n\t})\nreturn s\n\n}\nfunction maxrank(z){\n//var metricdata=databox[$(\"#metric option:selected\").parent().attr(\"label\")]\nvar field=$(\"#metric option:selected\").attr(\"field\")\nvar smax=-1\nvar s=0\nvar n=0,n2=0\n$(currentdata).each(function(i,data){\n\tvar x=data[field]\n\tn++\n\tif ((smax<0)||(x<smax)) {\n\t\tsmax=x}\n\t})\n$(currentdata).each(function(i,data){\n\tvar x=data[field]\n\tif (x==smax) {\n\t\tn2++}\n\t})\ns=n-n2+1\nreturn {lastrank:s,l:n}\n\n}\n\nfunction displayit() {\n\n//var metricdata=databox[$(\"#metric option:selected\").parent().attr(\"label\")]\nvar field=$(\"#metric option:selected\").attr(\"field\")\nvar path=$(\"#metric option:selected\").attr(\"path\")\nvar year=\"\"\nif (field!=\"\"&&anbdata.paths[path].get.parameters.filter(function(d){return d.name==\"Year\"})[0]) year=\" for \"+$(\"#yearsel\").val()\nif (year!=\"\") $(\"#year\").show()\nelse $(\"#year\").hide()\nsetcolor()\n$(\"#maptitle1\").html(\"<h2 style=\\\"text-align:center;margin:0\\\">\"+\n\t$(\"#customgroups option:selected\").text()+\"</h2>\")\nif ($(\"#metric\").val()!=\"None\") {\n$(\"#maptitle2\").show()\n$(\"#subtitle\").show()\n\nif ($(\"#vscale\").val()!=\"rank\") {\nif ($(\"#metric option:selected\").attr(\"unit\")==\"yesno\") {\n\n$(\"#maptitle2\").html(\"<h2 style=\\\"text-align:center;margin:0\\\">\"+\n\t\"States having \"+$(\"#metric option:selected\").text().split(\" (yes\")[0]+\n\tyear+\"</h2>\")\n\t}\n\nelse {\n$(\"#maptitle2\").html(\"<h2 style=\\\"text-align:center;margin:0\\\">\"+\n\t$(\"#metric option:selected\").text()+\n\tyear+\"</h2>\")\n\t}\n}\nelse {\n$(\"#maptitle2\").html(\"<h2 style=\\\"text-align:center;margin:0\\\">States ranked by \"+\n\t$(\"#metric option:selected\").text()+\n\tyear+\"</h2>\")\n}}\nelse {\n    $(\"#maptitle2\").hide()\n    $(\"#subtitle\").hide()\n\n}\n\n$(\"#states path\").each(function(){\nvar d=this\n\nif ($(\"#customgroups option:selected\").text().toUpperCase().indexOf(\"World\")<0) {\n\t$(\"#togglestates\").removeAttr(\"disabled\")\n\t\n\tif (nongrouptoggle) {\n\n\t\tif (currentgroup.Composition.indexOf(this.id)<0) {\n\t\t\t$(this).hide() }\n\t\telse {\n\t\t\t$(this).show() }\n\t}\n\telse {\n\t\t$(this).show()}\n\t}\nelse {\n\t$(\"#togglestates\").attr(\"disabled\",\"disabled\")\nnongrouptoggle=false\n\t$(this).show()\n\t}\nvar data=currentdata.filter(function(e){return e.State==d.id})[0]\nif (data) {\n\tvar metval=data[field]\n\t\t\n\n\tif ($(\"#vscale\").val()!=\"rank\") {\n\tif ($(\"#metric option:selected\").attr(\"unit\")==\"yesno\") {\n\t\t$(this).css(\"fill\",color(data[field])) \n\t\t$(\"#C_\"+this.id).text(d.id+\": \"+(metval?\"Yes\":\"No\"))\n\t\t}\n\telse {\n\t\t$(this).css(\"fill\",color(data[field])) \n\t\t$(\"#C_\"+this.id).text(d.id+\": \"+data[field]+\n\t\t$(\"#metric option:selected\").attr(\"unit\"))\n\t\t}\n\t}\n\telse {\n\t\t$(this).css(\"fill\",color(rank(data[field]))) \n\t\t$(\"#C_\"+this.id).text(d.id+\": \"+rank(data[field])+\n\t\t\"/\"+mrank.l)\n\t}\n\t$(\"#C_\"+this.id).addClass(\"inscope\")\n\t}\n\telse {\n\t$(this).css(\"fill\",\"lightgray\")\n\t$(\"#C_\"+this.id).text(this.id)\n\t$(\"#C_\"+this.id).removeClass(\"inscope\")\n\t\n\t}\n})\nbuildtable()\n}\n\n\nvar k,x,y,mytimer,isselected=false\nfunction clicked(d) {\nvar metricdata=databox[$(\"#metric option:selected\").parent().attr(\"label\")]\n//alert(d.id)\n  if (!d) {\n    x = width / 2;\n    y = height / 2;\n    k = 1\n    centered = null;\n  }\n  else {\n  \n\tif ((centered == d)&&(isselected)) {\n    k = k-1;\n\tif (k==0) {\n\t\tk=Number($(\"#zoom\").val())}\n    centered = d;\n\t}\n\telse {\n   var centroid = path.centroid(d);\n    x = centroid[0];\n    y = centroid[1];\n\tif (!centered) {\n\t\tk=Number($(\"#zoom\").val())}\n\t    centered = d;\n\t}\n  }\n  \n\n  g.selectAll(\"path\")\n      .classed(\"active\", centered && function(d) { return d === centered; });\n\n  g.transition()\n      .duration(750)\n      .attr(\"transform\", \"translate(\" + width / 2 + \",\" + height / 2 + \")scale(\" + k + \")translate(\" + -x + \",\" + -y + \")\")\n      .style(\"stroke-width\", 0.5 + \"px\")\n\t  ;\nif (mytimer) {\n\tclearInterval(mytimer) }\n\tisselected=true\ng.selectAll(\"path\")\n\t\t.style(\"stroke\",\"#fff\")\nif (!labels) {\n\t\t$(\"#labels text\").hide()}\n\nif (d&&((!labels)||(!metricdata.values[this.id]))) {\n\t$(\"#C_\"+d.id).show()\n}\ng.select(\"#\"+d.id)\n\t.style(\"stroke\",\"black\")\n\t\nmytimer=setInterval(function(){\nisselected=false\n\tg.select(\"#\"+d.id)\n\t.style(\"stroke\",\"#fff\")\n\tif ((!labels)||(!metricdata.values[d.id])) {\n\t\t$(\"#C_\"+d.id).hide()}\n\n\t},2000);\n\t\n\t\n\t  \n\t  \n}\n\n\nfunction buildtable(){\n//var data=databox[$(\"#metric option:selected\").parent().attr(\"label\")]\n//var mindex=data.metrics.indexOf($(\"#metric option:selected\").val())\nvar total=0\nvar numb=0\nvar key\nvar isgroupdisplay=($(\"#metric\").val()==\"None\")\nvar currentfield=$(\"#metric option:selected\").attr(\"field\")\n$(icaostates).each(function(i,state){\n    var tabletr=$(\"tr[state='\"+state.iso_3_code+\"']\")\n\n    if (currentgroup.Composition.indexOf(state.iso_3_code)) {\n        $(tabletr).show()\n        if (isgroupdisplay) {\n            $(tabletr).find(\"td.colortd\").css(\"background-color\",color())\n            $(tabletr).find(\"td.valuetd\").text(\"\")\n            \n        }\n\t    else {\n\t        var data=currentdata.filter(function(d){return d.State==state.iso_3_code})[0]\n\t        if (data&&data[currentfield]!=null) {\n\t            total+=data[currentfield]\n\t            numb++\n\t            if ($(\"#vscale\").val()!=\"rank\") {\n\t                $(tabletr).find(\"td.colortd\").css(\"background-color\",color(data[currentfield]))}\n\t            else {\n\t                $(tabletr).find(\"td.colortd\").css(\"background-color\",color(rank(data[currentfield])))}\n                if ($(\"#metric option:selected\").attr(\"unit\")!=\"yesno\") {\n\t    \t        $(tabletr).find(\"td.valuetd\").text(data[currentfield])}\n\t            else {\n\t\t            $(tabletr).find(\"td.valuetd\").text((data[currentfield]?\"Yes\":\"No\"))}\n\n\n\t        }\n\t           else {\n\t               $(tabletr).hide()\n\t           }\n\t    }\n    }\n    else {\n        $(tabletr).hide()\n        \n    }\n})\n$(\"#metricth\").text($(\"#metric option:selected\").text())\nif (($(\"#metric option:selected\").attr(\"unit\")==\"%\")||($(\"#metric option:selected\").attr(\"unit\")==\"score\")) {\n\t$(\"#subtitle\").html(\"<h3 style=\\\"text-align:center\\\">Average: \"+(Math.round(10*total/numb)/10)\n\t+($(\"#metric option:selected\").attr(\"unit\")==\"%\"?\"%\":\"\")+\"</h3>\") }\nelse {\n\t$(\"#subtitle\").html(\"<h3 style=\\\"text-align:center\\\">Total: \"+total+\"</h3>\") }\n\nif (dtable) dtable.destroy()\ndtable=$(\"#datatab\").DataTable({\n\t\t\t\t\"aaSorting\":[[2,\"asc\"]],\n\t\t\t\t \"aoColumnDefs\": [ {\"bSortable\": false, \"aTargets\": [0 ] }],\n\n\t\t\t\t \"bPaginate\": false\n});\n\n\n\n\n}\n\n"},"css":{"file":{"type":"","url":"","link":"","message":{"error":true,"text":"File not defined"}},"title":"Cascading Style Sheet (CSS)","activated":true,"name":"css","linkedtofile":false,"optional":true,"content":".background {\n  fill: none;\n  pointer-events: all;\n}\n\n#states {\n  fill: #aaa;\n}\n\n#states .active {\n  fill: orange;\n}\n\n#state-borders {\n  fill: none;\n  stroke: #fff;\n  stroke-width: 1.5px;\n  stroke-linejoin: round;\n  stroke-linecap: round;\n  pointer-events: none;\n}\n"},"jade":{"file":{"type":"","url":"","link":"","message":{"error":true,"text":"File not defined"},"depurl":"https://quipslibistars.s3.amazonaws.com/prod/940446eb361650783af19cea4b7e80271a47559d/main.jade"},"title":"Jade","activated":true,"name":"jade","linkedtofile":false,"optional":false,"content":".container(style=\"width:980\")\n    hr\n    #SomeSelectors\n        p Select a Group \n            select#customgroups\n                !{groups.html}\n        p Select an indicator \n            select#metric\n                optgroup(label=\"None\")\n                    option(unit=\"yesno\",value=\"None\",field=\"\") State Group Display Only\n        p#year(style=\"display:none\") Select a year\n            select#yearsel\n                - var y=new Date().getUTCFullYear()\n                for i in [y-1,y-2,y-3,y-4,y-5]\n                    option(value=i)=i\n    hr\n    p Max zoom level \n        select#zoom\n            option(value=\"5\") 5\n            option(value=\"6\") 6\n            option(value=\"7\") 7\n    p#colsel Value Scale \n        select#vscale\n            option.percent(value=\"percent\") Percent [0%,100%]\n            option(value=\"rank\") Rank [first,last]\n            option(value=\"val\") Value [min,max]\n            option(value=\"threshold\") Threshold\n            option.percent(value=\"progress\") Progress [0%,x,100%]\n            option(value=\"nonzero\") Non Zero\n            option(value=\"dual\") Dual {min/N,max/Y}\n    p#thresholdp(style=\"display:none\") Cut-off Value \n        input#threshold.redraw(type=\"text\")\n    p Color Scale\n        table\n            tbody\n                tr\n                    td(style=\"width:80px\") Highest \n                    td(style=\"width:15px\")\n                        .colbox(style=\"width:10px;height:10px\")\n                    td\n                        select#cscale_h.cscales.redraw\n                tr#middlecol\n                    td(style=\"width:80px\") Middle\n                    td(style=\"width:15px\")\n                        .colbox(style=\"width:10px;height:10px\")\n                    td\n                        select#cscale_m.cscales.redraw\n                tr#lowcol\n                    td(style=\"width:80px\") Lowest\n                    td(style=\"width:15px\")\n                        .colbox(style=\"width:10px;height:10px\")\n                    td\n                        select#cscale_l.cscales.redraw\n    p\n        button#invert.btn.btn-xs.btn-info Switch Highest/Lowest\n        button#showlabs.btn.btn-xs.btn-info Toggle Labels\n        button#togglestates.btn.btn-xs.btn-info Toggle Group States\n    hr\n    #mainpart2\n        #maptitle1\n        #maptitle2\n        #subtitle\n        #mainmap\n        #maplegend\n        #thetable\n            table#datatab.table.table-condensed(style=\"width:100%\")\n                thead\n                    tr\n                        th(style=\"width:30px\")\n                        th Code\n                        th State\n                        th#metricth\n                tbody\n                    for state in icaostates.sort(function(a,b){return (a.UN_state_name<b.UN_state_name?-1:1)})\n                        tr(state=state.iso_3_code)\n                            td.colortd\n                            td=state.iso_3_code\n                            td=state.UN_state_name\n                            td.valuetd\n\n\n\nselect#colorselect(style=\"display:none\")\n    option(style=\"background-color:black\",value=\"Black\") Black\n    option(style=\"background-color:navy\",value=\"Navy\") Navy\n    option(style=\"background-color:darkblue\",value=\"DarkBlue\") DarkBlue\n    option(style=\"background-color:mediumblue\",value=\"MediumBlue\") MediumBlue\n    option(style=\"background-color:blue\",value=\"Blue\") Blue\n    option(style=\"background-color:darkgreen\",value=\"DarkGreen\") DarkGreen\n    option(style=\"background-color:green\",value=\"Green\") Green\n    option(style=\"background-color:teal\",value=\"Teal\") Teal\n    option(style=\"background-color:darkcyan\",value=\"DarkCyan\") DarkCyan\n    option(style=\"background-color:deepskyblue\",value=\"DeepSkyBlue\") DeepSkyBlue\n    option(style=\"background-color:darkturquoise\",value=\"DarkTurquoise\") DarkTurquoise\n    option(style=\"background-color:mediumspringgreen\",value=\"MediumSpringGreen\") MediumSpringGreen\n    option(style=\"background-color:lime\",value=\"Lime\") Lime\n    option(style=\"background-color:springgreen\",value=\"SpringGreen\") SpringGreen\n    option(style=\"background-color:aqua\",value=\"Aqua\") Aqua\n    option(style=\"background-color:cyan\",value=\"Cyan\") Cyan\n    option(style=\"background-color:midnightblue\",value=\"MidnightBlue\") MidnightBlue\n    option(style=\"background-color:dodgerblue\",value=\"DodgerBlue\") DodgerBlue\n    option(style=\"background-color:lightseagreen\",value=\"LightSeaGreen\") LightSeaGreen\n    option(style=\"background-color:forestgreen\",value=\"ForestGreen\") ForestGreen\n    option(style=\"background-color:seagreen\",value=\"SeaGreen\") SeaGreen\n    option(style=\"background-color:darkslategray\",value=\"DarkSlateGray\") DarkSlateGray\n    option(style=\"background-color:limegreen\",value=\"LimeGreen\") LimeGreen\n    option(style=\"background-color:mediumseagreen\",value=\"MediumSeaGreen\") MediumSeaGreen\n    option(style=\"background-color:turquoise\",value=\"Turquoise\") Turquoise\n    option(style=\"background-color:royalblue\",value=\"RoyalBlue\") RoyalBlue\n    option(style=\"background-color:steelblue\",value=\"SteelBlue\") SteelBlue\n    option(style=\"background-color:darkslateblue\",value=\"DarkSlateBlue\") DarkSlateBlue\n    option(style=\"background-color:mediumturquoise\",value=\"MediumTurquoise\") MediumTurquoise\n    option(style=\"background-color:indigo \",value=\"Indigo \") Indigo\n    option(style=\"background-color:darkolivegreen\",value=\"DarkOliveGreen\") DarkOliveGreen\n    option(style=\"background-color:cadetblue\",value=\"CadetBlue\") CadetBlue\n    option(style=\"background-color:cornflowerblue\",value=\"CornflowerBlue\") CornflowerBlue\n    option(style=\"background-color:mediumaquamarine\",value=\"MediumAquaMarine\") MediumAquaMarine\n    option(style=\"background-color:dimgray\",value=\"DimGray\") DimGray\n    option(style=\"background-color:slateblue\",value=\"SlateBlue\") SlateBlue\n    option(style=\"background-color:olivedrab\",value=\"OliveDrab\") OliveDrab\n    option(style=\"background-color:slategray\",value=\"SlateGray\") SlateGray\n    option(style=\"background-color:lightslategray\",value=\"LightSlateGray\") LightSlateGray\n    option(style=\"background-color:mediumslateblue\",value=\"MediumSlateBlue\") MediumSlateBlue\n    option(style=\"background-color:lawngreen\",value=\"LawnGreen\") LawnGreen\n    option(style=\"background-color:chartreuse\",value=\"Chartreuse\") Chartreuse\n    option(style=\"background-color:aquamarine\",value=\"Aquamarine\") Aquamarine\n    option(style=\"background-color:maroon\",value=\"Maroon\") Maroon\n    option(style=\"background-color:purple\",value=\"Purple\") Purple\n    option(style=\"background-color:olive\",value=\"Olive\") Olive\n    option(style=\"background-color:gray\",value=\"Gray\") Gray\n    option(style=\"background-color:skyblue\",value=\"SkyBlue\") SkyBlue\n    option(style=\"background-color:lightskyblue\",value=\"LightSkyBlue\") LightSkyBlue\n    option(style=\"background-color:blueviolet\",value=\"BlueViolet\") BlueViolet\n    option(style=\"background-color:darkred\",value=\"DarkRed\") DarkRed\n    option(style=\"background-color:darkmagenta\",value=\"DarkMagenta\") DarkMagenta\n    option(style=\"background-color:saddlebrown\",value=\"SaddleBrown\") SaddleBrown\n    option(style=\"background-color:darkseagreen\",value=\"DarkSeaGreen\") DarkSeaGreen\n    option(style=\"background-color:lightgreen\",value=\"LightGreen\") LightGreen\n    option(style=\"background-color:mediumpurple\",value=\"MediumPurple\") MediumPurple\n    option(style=\"background-color:darkviolet\",value=\"DarkViolet\") DarkViolet\n    option(style=\"background-color:palegreen\",value=\"PaleGreen\") PaleGreen\n    option(style=\"background-color:darkorchid\",value=\"DarkOrchid\") DarkOrchid\n    option(style=\"background-color:yellowgreen\",value=\"YellowGreen\") YellowGreen\n    option(style=\"background-color:sienna\",value=\"Sienna\") Sienna\n    option(style=\"background-color:brown\",value=\"Brown\") Brown\n    option(style=\"background-color:darkgray\",value=\"DarkGray\") DarkGray\n    option(style=\"background-color:lightblue\",value=\"LightBlue\") LightBlue\n    option(style=\"background-color:greenyellow\",value=\"GreenYellow\") GreenYellow\n    option(style=\"background-color:paleturquoise\",value=\"PaleTurquoise\") PaleTurquoise\n    option(style=\"background-color:lightsteelblue\",value=\"LightSteelBlue\") LightSteelBlue\n    option(style=\"background-color:powderblue\",value=\"PowderBlue\") PowderBlue\n    option(style=\"background-color:firebrick\",value=\"FireBrick\") FireBrick\n    option(style=\"background-color:darkgoldenrod\",value=\"DarkGoldenRod\") DarkGoldenRod\n    option(style=\"background-color:mediumorchid\",value=\"MediumOrchid\") MediumOrchid\n    option(style=\"background-color:rosybrown\",value=\"RosyBrown\") RosyBrown\n    option(style=\"background-color:darkkhaki\",value=\"DarkKhaki\") DarkKhaki\n    option(style=\"background-color:silver\",value=\"Silver\") Silver\n    option(style=\"background-color:mediumvioletred\",value=\"MediumVioletRed\") MediumVioletRed\n    option(style=\"background-color:indianred \",value=\"IndianRed \") IndianRed\n    option(style=\"background-color:peru\",value=\"Peru\") Peru\n    option(style=\"background-color:chocolate\",value=\"Chocolate\") Chocolate\n    option(style=\"background-color:tan\",value=\"Tan\") Tan\n    option(style=\"background-color:lightgray\",value=\"LightGray\") LightGray\n    option(style=\"background-color:thistle\",value=\"Thistle\") Thistle\n    option(style=\"background-color:orchid\",value=\"Orchid\") Orchid\n    option(style=\"background-color:goldenrod\",value=\"GoldenRod\") GoldenRod\n    option(style=\"background-color:palevioletred\",value=\"PaleVioletRed\") PaleVioletRed\n    option(style=\"background-color:crimson\",value=\"Crimson\") Crimson\n    option(style=\"background-color:gainsboro\",value=\"Gainsboro\") Gainsboro\n    option(style=\"background-color:plum\",value=\"Plum\") Plum\n    option(style=\"background-color:burlywood\",value=\"BurlyWood\") BurlyWood\n    option(style=\"background-color:lightcyan\",value=\"LightCyan\") LightCyan\n    option(style=\"background-color:lavender\",value=\"Lavender\") Lavender\n    option(style=\"background-color:darksalmon\",value=\"DarkSalmon\") DarkSalmon\n    option(style=\"background-color:violet\",value=\"Violet\") Violet\n    option(style=\"background-color:palegoldenrod\",value=\"PaleGoldenRod\") PaleGoldenRod\n    option(style=\"background-color:lightcoral\",value=\"LightCoral\") LightCoral\n    option(style=\"background-color:khaki\",value=\"Khaki\") Khaki\n    option(style=\"background-color:aliceblue\",value=\"AliceBlue\") AliceBlue\n    option(style=\"background-color:honeydew\",value=\"HoneyDew\") HoneyDew\n    option(style=\"background-color:azure\",value=\"Azure\") Azure\n    option(style=\"background-color:sandybrown\",value=\"SandyBrown\") SandyBrown\n    option(style=\"background-color:wheat\",value=\"Wheat\") Wheat\n    option(style=\"background-color:beige\",value=\"Beige\") Beige\n    option(style=\"background-color:whitesmoke\",value=\"WhiteSmoke\") WhiteSmoke\n    option(style=\"background-color:mintcream\",value=\"MintCream\") MintCream\n    option(style=\"background-color:ghostwhite\",value=\"GhostWhite\") GhostWhite\n    option(style=\"background-color:salmon\",value=\"Salmon\") Salmon\n    option(style=\"background-color:antiquewhite\",value=\"AntiqueWhite\") AntiqueWhite\n    option(style=\"background-color:linen\",value=\"Linen\") Linen\n    option(style=\"background-color:lightgoldenrodyellow\",value=\"LightGoldenRodYellow\") LightGoldenRodYellow\n    option(style=\"background-color:oldlace\",value=\"OldLace\") OldLace\n    option(style=\"background-color:red\",value=\"Red\") Red\n    option(style=\"background-color:fuchsia\",value=\"Fuchsia\") Fuchsia\n    option(style=\"background-color:magenta\",value=\"Magenta\") Magenta\n    option(style=\"background-color:deeppink\",value=\"DeepPink\") DeepPink\n    option(style=\"background-color:orangered\",value=\"OrangeRed\") OrangeRed\n    option(style=\"background-color:tomato\",value=\"Tomato\") Tomato\n    option(style=\"background-color:hotpink\",value=\"HotPink\") HotPink\n    option(style=\"background-color:coral\",value=\"Coral\") Coral\n    option(style=\"background-color:darkorange\",value=\"DarkOrange\") DarkOrange\n    option(style=\"background-color:lightsalmon\",value=\"LightSalmon\") LightSalmon\n    option(style=\"background-color:orange\",value=\"Orange\") Orange\n    option(style=\"background-color:lightpink\",value=\"LightPink\") LightPink\n    option(style=\"background-color:pink\",value=\"Pink\") Pink\n    option(style=\"background-color:gold\",value=\"Gold\") Gold\n    option(style=\"background-color:peachpuff\",value=\"PeachPuff\") PeachPuff\n    option(style=\"background-color:navajowhite\",value=\"NavajoWhite\") NavajoWhite\n    option(style=\"background-color:moccasin\",value=\"Moccasin\") Moccasin\n    option(style=\"background-color:bisque\",value=\"Bisque\") Bisque\n    option(style=\"background-color:mistyrose\",value=\"MistyRose\") MistyRose\n    option(style=\"background-color:blanchedalmond\",value=\"BlanchedAlmond\") BlanchedAlmond\n    option(style=\"background-color:papayawhip\",value=\"PapayaWhip\") PapayaWhip\n    option(style=\"background-color:lavenderblush\",value=\"LavenderBlush\") LavenderBlush\n    option(style=\"background-color:seashell\",value=\"SeaShell\") SeaShell\n    option(style=\"background-color:cornsilk\",value=\"Cornsilk\") Cornsilk\n    option(style=\"background-color:lemonchiffon\",value=\"LemonChiffon\") LemonChiffon\n    option(style=\"background-color:floralwhite\",value=\"FloralWhite\") FloralWhite\n    option(style=\"background-color:snow\",value=\"Snow\") Snow\n    option(style=\"background-color:yellow\",value=\"Yellow\") Yellow\n    option(style=\"background-color:lightyellow\",value=\"LightYellow\") LightYellow\n    option(style=\"background-color:ivory\",value=\"Ivory\") Ivory\n    option(style=\"background-color:white\",value=\"White\") White"},"deploydate":"2018-09-28T15:12:52.041Z","capture":"https://quipslibistars.s3.amazonaws.com/prod/940446eb361650783af19cea4b7e80271a47559d/capture.png","prod":true,"libs":[{"_id":"5672b285f36b083214f3e63b","description":"A sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.","key":"","version":"3.3.6","link":"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css,https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css,https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js","name":"bootstrap","__v":0,"haskey":false,"required":false,"website":"http://www.getbootstrap.com"},{"_id":"5672b602f36b083214f3e63e","description":"The Write Less, Do More, JavaScript Library","key":"","version":"2.1.1","link":"https://code.jquery.com/jquery-2.1.4.js","name":"jquery","__v":0,"required":true,"haskey":false,"website":"https://jquery.com"},{"_id":"568c42d091ce286c15af73fd","required":false,"description":"A JavaScript library for visualizing data with HTML, SVG and CSS.","haskey":false,"version":"3","link":"//d3js.org/d3.v3.min.js,//d3js.org/topojson.v0.min.js","name":"D3","__v":0,"website":"http://d3js.org"},{"_id":"568eb9222043a726661b0ad2","required":false,"description":"A plug-in for the jQuery Javascript Library. It is a highly flexible tool, based upon the foundations of progressive enhancement, and will add advanced interaction controls to any HTML table.","haskey":false,"version":"1.10.10","link":"https://cdn.datatables.net/s/dt/dt-1.10.10/datatables.min.css,https://cdn.datatables.net/s/dt/dt-1.10.10/datatables.min.js","name":"Datatables","__v":0,"website":"https://www.datatables.net"}],"host":"https://quips.anbdata.com","version":"prod"}

function loadjquery(url,callback) {
if(typeof jQuery=='undefined') {
loadScript(url,callback)
}
else {
callback()
}
}

    function loadScript(url, callback) {

        var script = document.createElement("script")
        script.type = "text/javascript";
        if (script.readyState) { //IE
            script.onreadystatechange = function () {
                if (script.readyState == "loaded" || script.readyState == "complete") {
                    script.onreadystatechange = null;
                    callback();
                }
            };
        } else { //Others
            script.onload = function () {
                callback();
            };
        }

        script.src = url;
        document.getElementsByTagName("head")[0].appendChild(script);
    }
(function () {
    
    loadjquery("https://code.jquery.com/jquery-2.1.4.js", function () {

         //jQuery loaded
	$("#"+project.container).html("<img src='https://s3.amazonaws.com/quipslib/load.gif'/>")	
	var libs=[]
	$(project.libs).each(function(i,v){
		if (v.name!="jquery") {
		$(v.link.split(",")).each(function(j,u){
			if (u.slice(-2)=="js") {
				libs.push(u+(v.haskey?"?key="+project[v.name+"key"]:""))
			}
			else {
				$("head").append("<link rel='stylesheet' href='"+u+"' type='text/css' />")

			}
		})
		}
	})
	if (project.morejs) {
	$(project.morejs).each(function(i,v){
		if ((v.url.substring(0,2)=="//")||(v.url.substring(0,8)=="https://")||(v.url.substring(0,7)=="http://")) {
			libs.push(v.url)
		}
	})
	}
	if (project.morecss) {
	$(project.morecss).each(function(i,v){
		$("head").append("<link rel='stylesheet' href='"+v.url+"' type='text/css' />")
	})	


	}
	loadlibs(libs.reverse())
    });


})();


function loadlibs(libs){
if (libs.length>0) {
	var l=libs.pop()
	loadScript(l,function(){
	//$.getScript(l,function(res){
		loadlibs(libs)
	})
	//.fail(function(e){
	//	loadlibs(libs)
	//	
	//})
}
else {
	start()

}


}


function putscriptcontent(content){


        var script = document.createElement("script")
        script.type = "text/javascript";
        $(script).text(content)
        document.getElementsByTagName("head")[0].appendChild(script);


}

function start(){
//load jade
$.getJSON(project.host+"/project/"+project.version+"/"+project.id+"/render?callback=?"+(project.datachange?"&data="+project.datachange:""),function(res){
	$("#"+project.container).html(res.html)
	if (project.css.activated) {
		if (project.css.linkedtofile) {
			$("head").append("<link rel='stylesheet' href='"+project.css.file.url+"' type='text/css' />")}
		else {
			$("head").append("<style>"+project.css.content+"</style>")}
	}
			
	if (project.js.activated) {
		if (project.js.linkedtofile) {	
			$.getScript(project.js.file[(project.prod?"depurl":"url")])}
		else {
			putscriptcontent(project.js.content)}
		if (project.mainjs) {
			window[project.mainjs]()
		}
	}
})


}