<xsl:function name="tei:htmlHead">
<xsl:param name="pagetitle"/>
<xsl:param name="number"/>
<xsl:for-each select="$top/*">
<head>
<xsl:comment>THIS FILE IS GENERATED FROM AN XML MASTER. DO NOT EDIT (<xsl:value-of select="$number"/>)</xsl:comment>
<title>
<xsl:value-of select="$htmlTitlePrefix"/>
<xsl:if test="$htmlTitlePrefix!=''">
<xsl:text> </xsl:text>
</xsl:if>
<xsl:value-of select="$pagetitle"/>
</title>
<xsl:call-template name="headHook"/>
<xsl:call-template name="metaHTML">
<xsl:with-param name="title" select="$pagetitle"/>
</xsl:call-template>
<xsl:choose>
<xsl:when test="count(key('TREES',1))=0"/>
<xsl:when test="$treestyle='google'">
<script type="text/javascript" src="https://www.google.com/jsapi"/>
<script type="text/javascript">
google.load('visualization', '1', {packages:['orgchart']});
google.setOnLoadCallback(drawCharts);
</script>
</xsl:when>
<xsl:when test="$treestyle='d3'">
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"/>
<script type="text/javascript">
var downoffset= 40;
var down2offset=5;
var diagonal = d3.svg.diagonal()
.projection(function(d) { return [d.x, d.y]; });
function elbow(d, i) {
return "M" + d.target.x + "," + (d.target.y - downoffset)
+ "V" + (d.source.y + down2offset )
+ "H" + d.source.x;
}
function visMe (ID,extray) {
var vis = d3.select(ID).append("svg:svg")
.attr("class", "svgtree")
.attr("width", treewidth + 50)
.attr("height", treedepth + extray)
.append("svg:g")
.attr("transform", "translate(0, extray)");
var tree = d3.layout.tree().size([treewidth,treedepth]);
var nodes = tree.nodes(treeData);
var links = tree.links(nodes);
var link = vis.selectAll("pathlink")
.data(links)
.enter().append("svg:path")
.attr("class", function (d) { return "link" + d.source.showlink; })
.attr("d", elbow);
var node = vis.selectAll("g.node")
.data(nodes)
.enter().append("svg:g")
.attr("class","node")
.attr("id", function (d) { return d.id;})
node.append("svg:foreignObject")
.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; })
.attr("x", -40)
.attr("y", yoffset)
.attr("width", 80)
.attr("height", 80)
.attr("style", "fill-opacity:1.0")
.append("xhtml:div")
.attr("class", function(d) { return "nodetext " + d.type; })
.html(function(d) { return d.name; });
var linknode = vis.selectAll("g.node")
.data(nodes)
.filter(function(d) { return d.synch });
linknode.append("svg:line")
.attr("x1",function(d) { other=vis.select(d.synch).datum();
if (d.x <xsl:text disable-output-escaping="yes">></xsl:text> other.x)
{ return d.x - 30 ;} else { return d.x + 30;};
})
.attr("y1",function(d) { return d.y + (yoffset + 5) ;})
.attr("x2",function(d) { other=vis.select(d.synch).datum();
if (d.x <xsl:text disable-output-escaping="yes">></xsl:text> other.x)
{ return other.x + 30 ;} else { return other.x - 30;};
})
.attr("y2",function(d) { return vis.select(d.synch).datum().y + (yoffset + 5); })
.attr("stroke-dasharray","10,10")
.attr("style", "stroke-width: 2px;stroke:green");
}
</script>
<style>
.nodetext {
text-align: center;
}
.linkinvisible {
visibility: hidden;
}
.link {
fill: none;
stroke: black;
stroke-width: 1px;
}
.node {
font-weight: normal;
font-size: 7pt;
}
.treediagram {
}
.svgtree {
padding-bottom: 6pt;
}
</style>
</xsl:when>
</xsl:choose>
<xsl:call-template name="includeCSS"/>
<xsl:call-template name="cssHook"/>
<xsl:call-template name="includeJavascript"/>
<xsl:call-template name="javascriptHook"/>
</head>
</xsl:for-each>
</xsl:function> |