/* 
* Dmo Drawing 
* v0.0667
* David Morrison
* http://www.dmowebstudios.com/drawing.php
* dmo@dmowebstudios.com
* Last Update: 7/25/06
* All rights reserved
*/
document.onselectstart = new Function("return false;");

var drawing = function(el, attr) { // fillcolor, antialias, unit

this.el = el;
this.attr = attr;
this.drawing = {};
this.units = "px"; // coming soon

this.clear = function (p) {
 while (p.childNodes.length > 0) {
  p.removeChild(p.childNodes[p.childNodes.length-1]);
 }
 if (p.childNodes.length > 0) {
  return false;
 } else {
  return true;
 }
}

this.loadjsv = function(jsv, scale) { 
 if(this.drawing && jsv.primitives && jsv.primitives.length) {
  for(var l=0;l<jsv.primitives.length;l++) {
   if(jsv.primitives[l].type == "line") {
    this.line(this.drawing, jsv.primitives[l]);				
   } else if (jsv.primitives[l].type == "polyline") {
    this.polyline(this.drawing, jsv.primitives[l]);	
   } else if (jsv.primitives[l].type == "circle") {
    this.circle(this.drawing, jsv.primitives[l]);	
   } else if (jsv.primitives[l].type == "oval") {
    this.oval(this.drawing, jsv.primitives[l]);	
   } else if (jsv.primitives[l].type == "rectangle") {
    this.rectangle(this.drawing, jsv.primitives[l]);	
   } else if (jsv.primitives[l].type == "polygon") {
    var p = jsv.primitives[l];
    p.points = this.scalepoints(p.points, scale)
    this.polygon(this.drawing, p);	
   }
  }
 }
};

this.scalepoints = function(points, scale) {
 var newpoints = [];
 var oldpoints = points.split(",");
 for(var p=0;p<oldpoints.length;p++) {
  newpoints[p] = oldpoints[p] * scale;
 }
 return newpoints.join(",");
};	

if(document.createElementNS) {
 this.svgNS = "http://www.w3.org/2000/svg";
 this.svg = document.createElementNS(this.svgNS, "svg");
 this.svgSupported = (this.svg.x != null);
} else {
 this.svgSupported = false;
}

if(this.svgSupported) {

this.init = function() {
 var c = document.createElementNS(this.svgNS, "svg");
 if (this.attr.fillcolor) { this.el.style.backgroundColor = this.attr.fillcolor; }
 this.el.appendChild(c);
 return c;
};

this.group = function(p, attr) {
 var el = document.createElementNS(this.svgNS, "g");
 el.style.position = "absolute";
 if (p && p.appendChild) { p.appendChild(el); }
 return el;
};

this.shape = function (p, a) {
 var d = {x:"0",y:"0",w:"32",h:"32",strokewidth:"1",strokecolor:"#000",fillcolor: ""};
 var el = document.createElementNS(this.svgNS, "path");
 el.attr = this.defaultshapeattr(a, d) ;
 el.style.position = "absolute";
 el.setAttribute("shape-rendering", (this.attr.antialias) ? "auto" : "optimizeSpeed");
 this.setshape(el);
 if (p && p.appendChild) { p.appendChild(el); }
 else { this.drawing.appendChild(el); }
 return el;
};

this.setshape = function(el) {
 if(el.attr.fillcolor) { el.setAttribute("fill", el.attr.fillcolor ); }
 if(el.attr.strokewidth) { el.setAttribute("stroke-width", el.attr.strokewidth ); }
 if(el.attr.strokecolor) { el.setAttribute("stroke", el.attr.strokecolor ); }
 if(el.attr.path) { el.setAttribute("d", this.pathstring(el.attr.path) ); }
};

this.defaultshapeattr = function (a, d) {
 return { 
  x: a.x || d.x || "0",
  y: a.y || d.y || "0",
  w: a.w || d.w || "32",
  h: a.h || d.h || "32",
  path: a.path || d.path || "",
  strokewidth: a.strokewidth || d.strokewidth || "1",
  strokecolor: a.strokecolor || d.strokecolor || "#000",
  fillcolor: a.fillcolor || d.fillcolor || ""
 };
};

this.pathhelper = {
 "moveto": function(p,pprev) { return "M " + p[1] + "," + p[2] + " "; },
 "movetorel": function(p,pprev) { return "m " + p[1] + "," + p[2] + " ";},
 "lineto": function(p,pprev) { return "L " + p[1] + "," + p[2] + " ";},
 "linetorel": function(p,pprev) { return "l " + p[1] + "," + p[2] + " ";},
 "curveto": function(p,pprev) { 
  return "C " + p[1] + "," + p[2] + " " + p[3] + "," + p[4] + " " + p[5] + "," + p[6] + " ";
 },
 "curvetorel": function(p,pprev) { 
  return "c " + p[1] + "," + p[2] + " " + p[3] + "," + p[4] + " " + p[5] + "," + p[6] + " ";
 },
 "quadto": function(p,pprev) {
  return "Q " + p[1] + "," + p[2] + " " + p[3] + "," + p[4] + " ";
 },
 "arcxto": function(p,pprev) { 
  rx = parseInt(pprev[pprev.length-2]) - parseInt(p[1]);
  ry = parseInt(pprev[pprev.length-1]) - parseInt(p[2]);
  d = (ry/rx < 0) ? "0" : "1";
  return "A " + rx.toString() + "," + ry.toString()+ " 0 0," + d + " " + p[1] + "," + p[2] + " ";
 },
 "arcyto": function(p,pprev) {
  rx = parseInt(pprev[pprev.length-2]) - parseInt(p[1]);
  ry = parseInt(pprev[pprev.length-1]) - parseInt(p[2]);
  d = (ry/rx > 0) ? "0" : "1";
  return "A " + rx.toString() + "," + ry.toString() + " 0 0," + d + " " + p[1] + "," + p[2] + " ";
 },
 "close": function(p,pprev) { return "z "; },
 "end": function(p,pprev) { return " "; }
};


this.pathstring = function (path, i) {
 var s = "";
 for(var i=0;i<path.length;i++) {
  s += this.pathhelper[path[i][0]](path[i],path[i-1]);
 }
 return s;
};



} else if (document.createStyleSheet) {

this.init = function() {
 document.namespaces.add("v", "urn:schemas-microsoft-com:vml", "#default#VML");
 // var style = document.createStyleSheet();
 // style.addRule('v:*', "behavior: url(#default#VML);");
 // if (this.attr.antialias) { style.addRule('v:*', "antialias: "+this.attr.antialias+";"); }
 var el = document.createElement("div");
 el.style.position = "absolute";
 el.style.width = "300px";
 el.style.height = "300px";

 // el.style.clip = "rect(0 1000 1000 0)";
 if (this.attr.fillcolor) { el.style.backgroundColor = this.attr.fillcolor; }
 this.el.appendChild(el);
 return el;    
};

this.group = function(p, attr) {
 var el = document.createElement("v:group");
 el.style.position = "absolute";
 el.style.top = attr.x;
 el.style.left = attr.y;
 el.style.width = attr.w;
 el.style.height = attr.h;
 el.coordsize = attr.w + " " + attr.h;
 el.coordorigin = "0 0";
 if (p && p.appendChild) { p.appendChild(el); }
 return el;
}

this.defaultshapeattr = function (a, d) {
 return { 
  x: a.x || d.x || "0",
  y: a.y || d.y || "0",
  w: a.w || d.w || "32",
  h: a.h || d.h || "32",
  path: a.path || d.path || "",
  strokewidth: a.strokewidth || d.strokewidth || "1",
  strokecolor: a.strokecolor || d.strokecolor || "#000",
  fillcolor: a.fillcolor || d.fillcolor || ""
 };
};

this.shape = function (p, a) {
 var d = {x:"0",y:"0",w:"32",h:"32",strokewidth:"1",strokecolor:"#000",fillcolor: ""};

 var el = document.createElement("v:shape");
 el.attr = this.defaultshapeattr(a, d);
 el.coordsize = el.attr.w + " " + el.attr.h;
 el.coordorigin = "0 0";
 el.style.position = "absolute";
 el.style.top = el.attr.x+"px";
 el.style.left = el.attr.y+"px";
 el.style.width = el.attr.w+"px";
 el.style.height = el.attr.h+"px";
 
 this.setshape(el);

 if (p && p.appendChild) { p.appendChild(el); }
 return el;
};

this.setshape = function (el) {
 el.setAttribute("filled", ( el.attr.fillcolor ) ? "true" : "false" );
 if(el.attr.fillcolor) { el.setAttribute("fillcolor", el.attr.fillcolor ); }
 if(el.attr.strokewidth) { el.setAttribute("strokeweight", el.attr.strokewidth ); }
 if(el.attr.strokecolor) { el.setAttribute("strokecolor", el.attr.strokecolor ); }

 if (el.attr.path != "") { el.path = this.pathstring(el.attr.path); }
};

this.pathhandler = {
 "moveto" : function(p,pprev) { return "m " + p[1] + "," + p[2] + " "; },
 "movetorel" : function(p,pprev) { return "t " + p[1] + "," + p[2] + " "; },
 "lineto" : function(p,pprev) { return "l " + p[1] + "," + p[2] + " "; },
 "linetorel" : function(p,pprev) {return "r " + p[1] + "," + p[2] + " "; },
 "curveto" : function(p,pprev) {
  return "c " + p[1] + "," + p[2] + " " + p[3] + "," + p[4] + " " + p[5] + "," + p[6] + " ";
 },
 "curvetorel" : function(p,pprev) {
  return "v " + p[1] + "," + p[2] + " " + p[3] + "," + p[4] + " " + p[5] + "," + p[6] + " ";
 },
 "quadto" : function(p,pprev) {
  var px = parseInt(pprev[pprev.length-2]);
  var py = parseInt(pprev[pprev.length-1]);
  var x1 = (px + 2.0/3.0 * (parseInt(p[1]) - px)).toFixed(0);
  var y1 = (py + 2.0/3.0 * (parseInt(p[2]) - py)).toFixed(0);
  var x2 = (parseInt(x1) + (parseInt(p[3]) - px) / 3.0).toFixed(0);
  var y2 = (parseInt(y1) + (parseInt(p[4]) - py) / 3.0).toFixed(0);  
  return "c " + x1 + "," + y1 + " " + x2 + "," + y2 + " " + p[3] + "," + p[4] + " "; 
 },
 "arcxto" : function(p,pprev) { return "qx" + p[1] + "," + p[2] + " "; },
 "arcyto" : function(p,pprev) { return "qy" + p[1] + "," + p[2] + " "; },
 "close" : function(p,pprev) { return "x "; },
 "end" : function(p,pprev) { return "e "; }
};

this.pathstring = function (path) {
 var s = "";
 for(var i=0;i<path.length;i++) {
  s += this.pathhandler[path[i][0]](path[i], path[i-1]);
 }
 return s;
};

} else {
this.init = function() {
return false;    
}    
alert("Drawing Not Supported!");
}
this.drawing = this.init();
}

/*
// mootools sketch

var Drawing = new Class(
{
 Implements: [Options,Events],
 Extends: Element,
 options: { renderer: "NONE", antialias: true, zoom: 1, units: "px" },
 initialize: function(el, options) {  
  this.setOptions(options);
  this.parent(el, options);
  if(document.createElementNS) {
   this.options.ns = "http://www.w3.org/2000/svg";
   this.options.drawing = document.createElementNS(this.options.ns, "svg");
   this.appendChild(this.options.drawing);
   this.options.svg = (this.options.drawing.x != null);
  } else {
   this.options.svg = false;
  }
  if(!this.options.svg && document.createStyleSheet) {
   this.options.ns = "urn:schemas-microsoft-com:vml";
   document.namespaces.add("v", this.options.ns);
   var style = document.createStyleSheet();
   style.addRule('v:*', "behavior: url(#default#VML);");
   if (this.options.antialias) { 
    style.addRule('v:*', "antialias: "+this.options.antialias+";"); 
   }
   this.options.drawing = document.createElement("div");
   this.options.drawing.style.position = "absolute";
   // el.style.clip = "rect(0 1000 1000 0)";
   if (this.options.fillcolor) { 
    this.options.drawing.style.backgroundColor = this.options.fillcolor; 
   }
   this.appendChild(this.options.drawing);
 },
 removeAllChildren: function() {},
 loadJSVG: function() {}
});

*/