svgutils.js

function hasClass(el, name) 
{
	var classes = el.getAttribute("class");
	if (classes == null) {
		return false;
	}
   return new RegExp('(\\s|^)'+name+'(\\s|$)').test(classes);
}

function addClass(el, name)
{
   if (!hasClass(el, name)) { 
   		var classes = el.getAttribute("class");
   		if (classes) {
   			classes += ' ' + name;
   		}
   		else {
   			classes = name;
   		}
   		el.setAttribute("class", classes);
   }
}

function removeClass(el, name)
{
   if (hasClass(el, name)) {
      var classes = el.getAttribute("class");
      el.setAttribute("class", classes.replace(new RegExp('(\\s|^)'+name+'(\\s|$)'),' ').replace(/^\s+|\s+$/g, ''));
   }
}

function translateStr(x, y) {
	return "translate(" + x + "," + y + ")"; 
}

function animatePolylineEdge(svg, edge, newPoints, time) {
	var oldEdgeGuides = edge.oldpoints;
	
	var interval = 10;
	var numsteps = time/interval;
	
	var deltaEdges = new Array();
 	for (var i=0; i < oldEdgeGuides.length; ++i) {
		var startPoint = oldEdgeGuides[i];
		var endPoint = newPoints[i];
		
		var deltaX = (endPoint[0] - startPoint[0])/numsteps;
		var deltaY = (endPoint[1] - startPoint[1])/numsteps;
		deltaEdges.push([deltaX, deltaY]);
	}
	
	animatePolyLineLoop(svg, edge, oldEdgeGuides, deltaEdges, numsteps, 25);
}

function animatePolyLineLoop(svg, edge, lastPoints, deltaEdges, step, time) {
	for (var i=0; i < deltaEdges.length; ++i) {
		lastPoints[i][0] += deltaEdges[i][0];
		lastPoints[i][1] += deltaEdges[i][1];
	}
	
	svg.change(edge.line, {points: lastPoints});
	if (step > 0) {
		setTimeout(
			function(){
				animatePolyLineLoop(svg, edge, lastPoints, deltaEdges, step - 1);
			}, 
			time
		);
	}
}