Index: Format GADefKader.xsl
===================================================================
diff -u -r248 -r249
--- Format GADefKader.xsl	(.../Format GADefKader.xsl)	(revision 248)
+++ Format GADefKader.xsl	(.../Format GADefKader.xsl)	(revision 249)
@@ -133,6 +133,7 @@
 </TR>
 </xsl:template>
 
+
 <xsl:template match="OPHANGPLAATS">
 <TR>
 	<TD bgcolor="#E0E0E0">
@@ -318,11 +319,149 @@
 </xsl:template>
 
 <xsl:template match="DRAWSVG">
-	<xsl:for-each select="node()">
-		<BR/>
-		<xsl:copy-of select="."/>
+<TABLE ID="DRAWTABLE" border="0" bordercolor="#707070" cellpadding="2" cellspacing="0" bgcolor="white" WIDTH="100%" STYLE="page-break-before:auto">
+<SCRIPT LANGUAGE="JavaScript">
+	//er wordt een apart script toegevoegd voor vml of voor svg, vml werkt met coordorigin en svg werkt met viewbox
+	var height
+	var width
+
+	window.onbeforeprint = function() {
+	// walk through all the elements in the document with CLASS="clsHidePrint"
+	// and set it to "clsExpanded" just for printing.
+		var colls = document.getElementsByTagName("rect");
+		var coll;
+		if (colls!=null) {
+			for(coll of colls){
+				let name = coll.getAttribute("class")
+				if(name == "clsHidePrint") {
+					coll.setAttribute("before",coll.getAttribute("fill"));
+					coll.setAttribute("fill","white");
+				}
+			}
+		}
+	}
+
+	window.onafterprint = function() {
+		var colls = document.getElementsByTagName("rect");
+		var coll;
+		if (colls!=null) {
+			for(coll of colls){
+				let name = coll.getAttribute("class");
+				if(name == "clsHidePrint") {
+					coll.setAttribute("fill",coll.getAttribute("before"));
+					coll.setAttribute("before","");
+				}
+			}
+		}
+	}
+
+	function ScaledHeight(NWidth) {
+		if (!NWidth) { return(0); }
+		return (NWidth * height / width);
+	}
+
+	function ScaledWidth(NHeight) {
+		if (!NHeight) { return(0); }
+		return (NHeight * width / height);
+	}
+
+	function GetMaximalSize(objToSize, maxX, maxY) {
+		var newX,newY
+		var limitcoord
+		var objNewSize
+		limitcoord = 'Y';
+		newY = maxY;
+		newX = ScaledWidth (newY);
+		if (newX > maxX) {
+			newX = maxX;
+			newY = ScaledHeight (newX);
+			limitcoord = 'X';
+		}
+		return ( {X:newX,Y:newY} );
+	}
+
+	function SetObjectSize(objSizeMe, NWidth, NHeight) {
+		if (!objSizeMe) { return; }
+		objSizeMe.style.width = Math.ceil(NWidth) + "px";
+		objSizeMe.style.height = Math.ceil(NHeight) + "px";
+		return;
+	}
+
+	function SetMaximalSize(objToSize, maxX, maxY) {
+		var objNSize
+		objNSize = GetMaximalSize (objToSize, maxX, maxY);
+		SetObjectSize (objToSize, objNSize.X, objNSize.Y);
+		return;
+	}
+
+	function ResizeObject (NrObj) {
+		var PageSize = {X:650,Y:950};
+		var MinScale = 0.333;		
+		// = 1/3 (pt/mm)
+		var svgObject = document.getElementById("groupDRAW"+NrObj);
+		width = svgObject.getAttribute("width");
+		height = svgObject.getAttribute("height");
+		if (!svgObject) { return; }
+		var svgDiv = svgObject.parentElement; 
+		var text = document.getElementById("DRAWTEXT"+NrObj);
 		
-	</xsl:for-each>
+		var maxWidth = PageSize.X - eval("DATATABLE"+NrObj).offsetLeft;
+		var maxHeight = PageSize.Y - 10 - eval("DATATABLE"+NrObj).offsetHeight - text.offsetHeight;
+
+		if ((maxHeight/height &lt; MinScale) &amp;&amp; (eval("DATATABLE"+NrObj).offsetHeight > PageSize.Y * 0.25))  {
+			maxHeight = PageSize.Y - 10;
+			eval("DRAWTABLE"+NrObj).style.pageBreakBefore="always";
+			}
+		else {
+			eval("DRAWTABLE"+NrObj).style.pageBreakBefore="";
+		}
+		SetMaximalSize (svgDiv, maxWidth, maxHeight);	
+		RemoveAttributesFromSvg(NrObj);
+		
+		// in firefox moet de svg tag gerefreshed worden anders wordt deze niet gescaled hiervoor wordt feature detection gebruikt
+		if (typeof InstallTrigger !== 'undefined') {
+			ResetSvgForFirefox(NrObj);
+		}
+		return;
+	}
+	
+	function RemoveAttributesFromSvg(NrObj) {
+		var svgObject = document.getElementById("groupDRAW"+NrObj);
+		svgObject.removeAttribute("x");
+		svgObject.removeAttribute("y");
+		svgObject.removeAttribute("style");
+		svgObject.setAttribute("width", "100%");
+		svgObject.setAttribute("height", "100%");
+	}
+
+	
+	function ResetSvgForFirefox(NrObj) {
+		var svgObject = document.getElementById("groupDRAW"+NrObj);
+		var svgDiv = svgObject.parentElement; 
+		var SvgInnerHTML = svgDiv.innerHTML; 
+		svgObject.innerHTML = "";
+		svgObject.innerHTML = SvgInnerHTML;
+	}
+
+	function Initialize () {
+		ResizeObject("");
+	}
+</SCRIPT>
+	<TR>
+		<TD VALIGN="Top">
+			<xsl:for-each select="node()[name(.) = 'svg']">
+				<DIV style="min-height:0; overflow:hidden; display:inline-block; padding-top:5px;">
+					<xsl:copy-of select="."/>
+				</DIV>
+			</xsl:for-each>
+			<xsl:for-each select="node()[name(.) = 'text']">
+				<DIV style="padding-top:5px;">
+					<xsl:copy-of select="."/>
+				</DIV>
+			</xsl:for-each>
+		</TD>
+	</TR>
+</TABLE>
 </xsl:template>
 
 <xsl:template match="DRAW">
@@ -408,7 +547,6 @@
 	var MinScale = 0.333;				// = 1/3 (pt/mm)
 	var objGrpDraw = eval("groupDRAW"+NrObj);
 	if (!objGrpDraw) { return; }
-
 	var vctCoords = objGrpDraw.coordsize;
 	PageSize = {X:650,Y:950};
 
@@ -427,6 +565,7 @@
 	// Resize DRAWTEXT object to maxWidth
 	if (eval("DRAWTEXT"+NrObj))  { eval("DRAWTEXT"+NrObj).style.width = maxWidth; }
 	return;
+	
 }
 
 function Initialize () {