/* Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *     http://www.apache.org/licenses/LICENSE-2.0
 *     
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * 
 * Author: Kyle Scholz      http://kylescholz.com/
 * Author: Lorien Henry-Wilkins
 * Copyright: 2006-2007
 */

function svgMakePoint( _pt )
{
    return parseInt( _pt );
}

var svg2vml = function() {
	svg2vml.prototype.svg_capable = document.implementation.hasFeature("org.w3c.dom.svg", '1.1');
	svg2vml.prototype.vml_capable = (document.all && !(navigator.userAgent.indexOf("Opera")>=0)) ? true : false;

	if ( this.vml_capable ) {
		document.namespaces.add("v","urn:schemas-microsoft-com:vml");
		document.createStyleSheet().addRule("v\\:*", "behavior:url(#default#VML); position:absolute" );

		var me = this;
		document.createElementNS = function( ns, element ) {
			return me.createElement( element );
		}
	}
};

svg2vml.prototype.svg_capable = false;
svg2vml.prototype.vml_capable = false;

svg2vml.prototype.createElement = function( element ) {
	if ( this.svg_capable ) {
		var svgElement = document.createElementNS("http://www.w3.org/2000/svg", element);
		
		if ( element == "rect" ) {
			svgElement.applyGradient = function( gradient ) {
				if ( gradient.type == "LinearGradient" ) {
					var group = svgElement.parentNode;

					if ( !document.getElementById(gradient.id ) ) {
						var linearGradient = document.createElementNS("http://www.w3.org/2000/svg", "linearGradient");
						linearGradient.id = gradient.id;
						
						// the gradient angle is orthoganal to our base angle
						var angle = (gradient.angle + 90) % 360;
						if ( angle<0 ) { angle = angle%360 + 360; }
						var originAxis = "X";

						var x1Pcnt = 0;
						var y1Pcnt = 0;

						var x2Pcnt = 100;
						var y2Pcnt = 100;
						if ( (angle-45)%180 / 180 > 0 && (angle-45)%180 / 180 < .5 ) {
							originAxis = "Y";
						}

						if ( originAxis=="Y" ) {
							if ( angle > 225 ) {
								// bottom to top
								x2Pcnt = ((angle-225))/90 * 100;
								y2Pcnt = 0;
								x1Pcnt = 100-x2Pcnt; 
								y1Pcnt = 100;
							} else {
								x1Pcnt = ((angle-45))/90 * 100;
								y1Pcnt = 0;
								x2Pcnt = 100 - x1Pcnt;
								y2Pcnt = 100;
							}

						} else {

							if ( angle<45 || angle>=315 ) {
								y2Pcnt = ((angle+225)%90)/90 * 100;
								x2Pcnt = 0;
								y1Pcnt = 100-y2Pcnt;
								x1Pcnt = 100;
							} else {
								y1Pcnt = ((angle+45)%90)/90 * 100;
								x1Pcnt = 0;
								y2Pcnt = 100-y1Pcnt;
								x2Pcnt = 100;
							}
						}

						linearGradient.setAttribute("x1", x1Pcnt + "%");
						linearGradient.setAttribute("y1", y1Pcnt + "%");
						linearGradient.setAttribute("x2", x2Pcnt + "%");
						linearGradient.setAttribute("y2", y2Pcnt + "%");

						var stop1 = document.createElementNS("http://www.w3.org/2000/svg", "stop");
						stop1.setAttribute('offset', "0%");
						stop1.setAttribute('stop-color', gradient.endColor);
						linearGradient.appendChild( stop1 );

						var stop2 = document.createElementNS("http://www.w3.org/2000/svg", "stop");
						stop2.setAttribute('offset', "100%");
						stop2.setAttribute('stop-color', gradient.startColor);
						linearGradient.appendChild( stop2 );

						if ( !group.defs ) {
							group.appendChild( document.createElementNS("http://www.w3.org/2000/svg", "defs") );
						}

						group.getElementsByTagName("defs")[0].appendChild( linearGradient );
						this.setAttribute("fill", "url(#" + gradient.id + ")");
						//this.setAttribute("stroke-width","1");
					}
				}
			}
		}
		
		return svgElement;		

	} else if ( this.vml_capable ) {
		if ( element == "svg" ) {
			return createVMLSurface();
		} else if ( element == "g" ) {
			return createVMLGroup();
		} else if ( element == "circle") {
			return createVMLCircle();
		} else if ( element == "ellipse") {
			return createVMLEllipse();
		} else if ( element == "rect") {
			return createVMLRectangle();
		} else if ( element == "line") {
			return createVMLLine();
		} else if ( element == "polyline") {
			return createVMLPolyLine();
		} else if (element == "linearGradient") {
			return createVMLLinearGradient();
		} else if( element == "stop" ) {
			return createVMLStop();
		} else if( element == "defs" ) {
			return createVMLDefs();
		} else if ( element == "path" ) {
            return createVMLPath();
        } else if( element == "text" ) {
            return createVMLText();
        }

	} else {
		// throw an exception? do HTML?
	}
};

var createVMLSurface = function() {
	var domElement = document.createElement("div");
	domElement.style.position = "relative";

	domElement.baseInit = false;
	domElement.baseX = 0;
	domElement.baseY = 0;

	domElement.setAttribute = function( key, value ) {
		if ( key == "width" ) {
			this.style.width = value;
		} else if ( key == "height" ) {
			this.style.height = value;
		} else if ( key == "x" ) {
			this.style.left = value;
		} else if ( key == "y" ) {
			this.style.top = value;
		} else if ( key == "viewBox" ) {
			var parts = value.split(" ");
			domElement.style.left = this.baseX + (parseInt(parts[2])+parseInt(parts[0]))+"px";
			domElement.style.top = this.baseY + (parseInt(parts[3])+parseInt(parts[1]))+"px";
		}
	}
	
	return domElement;
};

var t = 0;

var createVMLGroup = function() {
	var domElement = document.createElement("v:group");
	domElement.style.left = "0px";
	domElement.style.top = "0px";
    domElement.style.width = "10000px";
    domElement.style.height = "10000px";

    domElement.setAttribute('coordorigin', '0,0');
    domElement.setAttribute('coordsize', '10000,10000');
    domElement.o_setAttribute = domElement.setAttribute;

	domElement.defs = {};

	domElement.setAttribute = function( key, value ) 
    {
        if ( key == "transform" ) 
        {
            //Fairly poor transform parsing!
			//Need to take value, parse it into blocks and apply to coord origin and coordsize:
            var totalScale = 1;
            ox = 0;
            oy = 0;
            sx = 10000;
            sy = 10000;

            //Get operations out of value:
            var cmdStart = 0, cmdEnd = 0;
            while ( (cmdEnd = value.substring(cmdStart).indexOf('(')) > 0 )
            {
                var cmd = value.substring(cmdStart,cmdStart+cmdEnd).replace(/^\s\s*/, '').replace(/\s\s*$/, '');
                var pStart = cmdStart+cmdEnd+1;
                cmdEnd = value.substring(cmdStart).indexOf(')');
                var params = value.substring( pStart, cmdStart+cmdEnd ).split(',');
                cmdStart += cmdEnd+1;

                if ( cmd == 'translate' )
                {
                    ox -= parseFloat(params[0]);
                    oy -= parseFloat(params[1]);
                }
                else if ( cmd == 'scale' )
                {
                    var scale = parseFloat(params[0]);
                    totalScale *= scale;
                    ox /= scale;
                    oy /= scale;
                    sx /= scale;
                    sy /= scale;
                }
            }

            domElement.o_setAttribute('coordorigin', parseInt(ox)+','+parseInt(oy) );
            domElement.o_setAttribute('coordsize', parseInt(sx)+','+parseInt(sy) );
		}
	}	
	return domElement;
};

var createVMLCircle = function() {
	var domElement = document.createElement("v:oval");
	domElement.leftPos = 0;
	domElement.topPos = 0;
	domElement.rVal = 0;
	
	domElement.setAttribute = function( key, value ) {

		if ( key == "cx" ) {
			if( this.rVal == 0 ) {
				this.leftPos = parseInt(value);
			} else {
				this.leftPos = parseInt(value) - parseInt(this.rVal) + 'px';
				this.style.left = this.leftPos;
			}
		} else if ( key == "cy" ) {
			if( this.rVal == 0 ) {
				this.topPos = parseInt(value);
			} else {
				this.topPos = parseInt(value) - parseInt(this.rVal) + 'px';
				this.style.top = this.topPos;
			}
		} else if ( key == "stroke" ) {
			this.strokecolor = value;
		} else if ( key == "stroke-width" ) {
            if ( value == 0 )
            {
                this.stroked = false;
            }
			this.strokeweight = parseFloat(value)/1.2 + "pt";
		} else if ( key == "fill" ) {
			this.fillcolor = value;
		} else if ( key == "r" ) {
			//save the last width
			this.rVal = parseInt(value);
			var last = (this.style.width) ? parseInt( this.style.width ) : 0;
			
			//set width and height to r*2
			this.style.width = this.rVal*2 + 'px';
			this.style.height = this.rVal*2 + 'px';
			
			//get left and top attributes
			//var left = (this.style.left) ? parseInt( this.style.left ) : 0; 
			//var top = (this.style.top) ? parseInt( this.style.top ) : 0;
			
			//set new left pos
			//this.style.left = left + parseInt( last )/2 - parseInt( value ) /2;
			//this.style.top = top + parseInt( last )/2 - parseInt( value ) /2;
			//this.style.left = this.left + parseInt( last )/2 - parseInt( value ) /2;
			//this.style.top = this.top + parseInt( last )/2 - parseInt( value ) /2;
			if( last == 0 ) {
				this.leftPos = this.leftPos - this.rVal;
				this.topPos = this.topPos - this.rVal;
				this.style.left = this.leftPos + 'px';
				this.style.top = this.topPos + 'px';
			} else {
				this.style.left = this.leftPos + parseInt(last)/2 - this.rVal;
				this.style.top = this.topPos + parseInt(last)/2 - this.rVal;
			}
		}
	}

	domElement.getAttribute = function( key ) {

		if ( key == "cx" ) {
			var x = (parseInt(this.style.left) + parseInt(this.style.width)/2) ? 
				(parseInt(this.style.left) + parseInt(this.style.width)/2) + 'px' : 0 + 'px'; 
			return x;
		} else if ( key == "cy" ) {
			var y = (parseInt(this.style.top) + parseInt(this.style.height)/2) ? 
				(parseInt(this.style.top) + parseInt(this.style.height)/2) + 'px' : 0 + 'px'; 
			return y;
		} else if ( key == "stroke" ) {
			return this.strokecolor;
		} else if ( key == "stroke-width" ) {
			return parseFloat( this.strokecolor ) * 1.2 + 'px';
		} else if ( key == "fill" ) {
			return this.fillcolor;
		} else if ( key == "r" ) {
			return parseInt( this.style.width )/2;
		}
	}
	
	return domElement;
};

var createVMLEllipse = function() {
	var domElement = document.createElement("v:oval");
	domElement.leftPos = 0;
	domElement.topPos = 0;
	domElement.rxVal = 0;
	domElement.ryVal = 0;
	domElement.setAttribute = function( key, value ) {

		if ( key == "cx" ) {
			if( this.rxVal == 0 ) {
				this.leftPos = parseInt(value);
			} else {
				this.leftPos = parseInt(value) - parseInt(this.rxVal) + 'px';
				this.style.left = this.leftPos;
			}
		} else if ( key == "cy" ) {
			if( this.ryVal == 0 ) {
				this.topPos = parseInt(value);
			} else {
				this.topPos = parseInt(value) - parseInt(this.ryVal) + 'px';
				this.style.top = this.topPos;
			}
		} else if ( key == "stroke" ) {
			this.strokecolor = value;
		} else if ( key == "stroke-width" ) {
			this.strokeweight = parseFloat(value)/1.2 + "pt";
		} else if ( key == "fill" ) {
			this.fillcolor = value;
		} else if ( key == "rx" ) {
			this.rxVal = parseInt(value);
			var last = (this.style.width) ? parseInt( this.style.width ) : 0;
			this.style.width = this.rxVal*2 + 'px'; 
			
			//var left = (this.style.left) ? parseInt( this.style.left ) : 0;
			
			if( last == 0 ) {
				this.leftPos = this.leftPos - this.rxVal;
				this.style.left = this.leftPos + 'px';
			} else { 
				this.style.left = this.leftPos + parseInt(last)/2 - this.rxVal;
			}
		} else if ( key == "ry" ) {
			this.ryVal = parseInt(value);
			var last = (this.style.height) ? parseInt( this.style.height ) : 0; 
			this.style.height = this.ryVal*2 + 'px';
			
			//var top = (this.style.top) ? parseInt( this.style.top ) : 0;
			
			if( last == 0 ) {
				this.topPos = this.topPos - this.ryVal;
				this.style.top = this.topPos + 'px';
			} else {
				this.style.top = this.topPos + parseInt(last)/2 - this.ryVal;
			}
		}
        else if ( key == "opacity" )
        {
            this.opacity = value;
        }
	}

	domElement.getAttribute = function( key ) {

		if ( key == "cx" ) {
			var x = (parseInt(this.style.left) + parseInt(this.style.width)/2) ? 
				(parseInt(this.style.left) + parseInt(this.style.width)/2) + 'px' : 0 + 'px'; 
			return x;
		} else if ( key == "cy" ) {
			var y = (parseInt(this.style.top) + parseInt(this.style.height)/2) ? 
				(parseInt(this.style.top) + parseInt(this.style.height)/2) + 'px' : 0 + 'px'; 
			return y;
		} else if ( key == "stroke" ) {
			return this.strokecolor;
		} else if ( key == "stroke-width" ) {
			return parseFloat( this.strokecolor ) * 1.2 + 'px';
		} else if ( key == "fill" ) {
			return this.fillcolor;
		} else if ( key == "rx" ) {
			return parseInt( this.style.width )/2;
		} else if ( key == "ry" ) {
			return parseInt( this.style.height )/2;
		}
        else if ( key == "opacity" )
        {
            return this.opacity;
        }
	}
	
	return domElement;
};

var linearGradients = new Object();

var LinearGradient = function( id, startColor, endColor, angle ) {
	this.init( id, startColor, endColor, angle );
};
LinearGradient.prototype = {
	init: function( id, startColor, endColor, angle ) {
		this.id = id;
		this.type = "LinearGradient";
		this.startColor = startColor;
		this.endColor = endColor;
		this.angle = angle;
	}
}


var createVMLRectangle = function() {
	var domElement = document.createElement("v:roundrect");
	
	domElement.rxy = 0;
	
	domElement.applyGradient = function( gradient ) {
		if ( gradient.type == "LinearGradient" ) {
			this.fillcolor = gradient.startColor;
			var fill = document.createElement( "v:fill" );
			fill.type = "gradient";
			fill.color2 = gradient.endColor;
			fill.angle = gradient.angle;
			this.appendChild(fill);
		}
	}
	
	domElement.applyLinGradient = function( linGradient ) {
		var stop1 = linGradient.stops[0];
		var stop2 = linGradient.stops[linGradient.stops.length-1];
		this.fillcolor = stop1.stopColor;
		var fill = document.createElement( "v:fill" );
		fill.type = "gradient";
		fill.color2 = stop2.stopColor;
		
		if( linGradient.y1 == 0 ) {
			var rads = Math.atan((linGradient.x2-linGradient.x1)/linGradient.y2);
			var degs = rads * (180/Math.PI);
			fill.angle = (degs + 180) % 360;
		} else if( linGradient.y1 > 0 ) {
			var rads = Math.atan((linGradient.y2-linGradient.y1)/linGradient.x2);
			var degs = rads * (180/Math.PI);
			fill.angle = (degs + 180) % 360;
		}
		this.appendChild(fill);
	}

	domElement.setAttribute = function( key, value ) {

		if ( key == "x" ) {
			this.style.left = parseInt(value) + 'px';
			return;
		} else if ( key == "y" ) {
			this.style.top = parseInt(value) + 'px';
			return;
		} else if ( key == "stroke" ) {
			this.strokecolor = value;
			return;
		} else if ( key == "stroke-width" ) {
			this.strokeweight = parseFloat(value)/1.2 + "pt";
			return;
		} else if ( key == "fill" ) {
			if( value.substring(0,3) == "url" ) {
				//get id
				var gradId = value.substring(5,value.length-1);
				this.applyLinGradient(linearGradients[gradId]);
			} else {
				this.fillcolor = value;
			}
			return;
		} else if ( key == "width" || key == "height" || key == "rx" || key == "ry") {
			if( key == "width" ) {
				this.style.width = parseInt(value) + 'px';
			} else if ( key == "height" ) {
				this.style.height = parseInt(value) + 'px';
			} else if ( key == "rx" || key == "ry" ) {
				if( parseInt(value) ){
					this.rxy = parseInt(value);
				}
			}
			/* compute the arc ratio */
			if( this.rxy != 0  ){
				var dim = parseInt(this.style.width);
				var dimy = parseInt(this.style.height);
				if( !dim ){
					dim = 0;
				}
				if( !dimy ){
					dimy = 0;
				}
				if( dimy < dim ){
					dim = dimy;
				}
				var ratio = this.rxy/dim;
				this.arcsize = ratio;
			} else {
				this.arcsize = 0;
			}
			return;
		}
	}

	domElement.getAttribute = function( key ) {

		if ( key == "x" ) {
			var x = parseInt(this.style.left) ?	parseInt(this.style.left) + 'px' : 0 + 'px'; 
			return x;
		} else if ( key == "y" ) {
			var y = parseInt(this.style.top) ?	parseInt(this.style.top) + 'px' : 0 + 'px'; 
			return y;
		} else if ( key == "stroke" ) {
			return this.strokecolor;
		} else if ( key == "stroke-width" ) {
			return parseFloat( this.strokecolor ) * 1.2 + 'px';
		} else if ( key == "fill" ) {
			return this.fillcolor;
		} else if ( key == "width" ) {
			return parseInt( this.style.width );
		} else if ( key == "height" ) {
			return parseInt( this.style.height );
		}
	}
	
	return domElement;
};

var createVMLLine = function() {
	var domElement = document.createElement("v:line");

    domElement.forceRedraw = function()
    {
        this.style.visibility = 'hidden';
        this.style.visibility = 'visible';
    }
	
	domElement.setAttribute = function( key, value ) {

		if ( key == "x1" ) {
			this.x1 = value;
			this.y1 = this.y1 ? this.y1 : 0;
			this.from = this.x1 + ' ' + this.y1;
			return;
		} else if ( key == "y1" ) {
			this.y1 = value;
			this.x1 = this.x1 ? this.x1 : 0;
			this.from = this.x1 + ' ' + this.y1;
			return;
		} else if ( key == "x2" ) {
			this.x2 = value;
			this.y2 = this.y2 ? this.y2 : 0;
			this.to = this.x2 + ' ' + this.y2;
			return;
		} else if ( key == "y2" ) {
			this.y2 = value;
			this.x2 = this.x2 ? this.x2 : 0;
			this.to = this.x2 + ' ' + this.y2;
			return;
		} else if ( key == "stroke" ) {
			this.strokecolor = value;
			return;
		} else if ( key == "stroke-width" ) {
			this.strokeweight = parseFloat(value)/1.2 + "pt";
			return;
		} else if ( key == "fill" ) {
			this.fillcolor = value;
			return;
		}
	}

	domElement.getAttribute = function( key ) {

		if ( key == "x1" ) {
			if ( !this.x1 ) { return 0; }
			return this.x1;
		} else if ( key == "y1" ) {
			if ( !this.y1 ) { return 0; }
			return this.y1;
		} else if ( key == "x2" ) {
			if ( !this.x2 ) { return 0; }
			return this.x2;
		} else if ( key == "y2" ) {
			if ( !this.y2 ) { return 0; }
			return this.y2;
		} else if ( key == "stroke" ) {
			return this.strokecolor;
		} else if ( key == "stroke-width" ) {
			return parseFloat( this.strokecolor ) * 1.2 + 'px';
		} else if ( key == "fill" ) {
			return this.fillcolor;
		} else if ( key == "width" ) {
			return parseInt( this.style.width );
		} else if ( key == "height" ) {
			return parseInt( this.style.height );
		}
	}
	
	return domElement;
};

var createVMLPolyLine = function() {
	var domElement = document.createElement("v:polyline");
	
	domElement.setAttribute = function( key, value ) {

		if ( key == "x1" ) {
			this.x1 = value;
			this.y1 = this.y1 ? this.y1 : 0;
			this.from = this.x1 + ' ' + this.y1;
			return;
		} else if ( key == "y1" ) {
			this.y1 = value;
			this.x1 = this.x1 ? this.x1 : 0;
			this.from = this.x1 + ' ' + this.y1;
			return;
		} else if ( key == "x2" ) {
			this.x2 = value;
			this.y2 = this.y2 ? this.y2 : 0;
			this.to = this.x2 + ' ' + this.y2;
			return;
		} else if ( key == "y2" ) {
			this.y2 = value;
			this.x2 = this.x2 ? this.x2 : 0;
			this.to = this.x2 + ' ' + this.y2;
			return;
		} else if ( key == "stroke" ) {
			this.strokecolor = value;
			return;
		} else if ( key == "stroke-width" ) {
			this.strokeweight = parseFloat(value)/1.2 + "pt";
			return;
		} else if ( key == "fill" ) {
			this.fillcolor = value;
			return;
		} else if ( key == "points" ) {
			this.points = value;
			return;
		}
	}

	domElement.getAttribute = function( key ) {

		if ( key == "x1" ) {
			if ( !this.x1 ) { return 0; }
			return x1;
		} else if ( key == "y1" ) {
			if ( !this.y1 ) { return 0; }
			return y1;
		} else if ( key == "x2" ) {
			if ( !this.x2 ) { return 0; }
			return x2;
		} else if ( key == "y2" ) {
			if ( !this.y2 ) { return 0; }
			return y2;
		} else if ( key == "stroke" ) {
			return this.strokecolor;
		} else if ( key == "stroke-width" ) {
			return parseFloat( this.strokecolor ) * 1.2 + 'px';
		} else if ( key == "fill" ) {
			return this.fillcolor;
		} else if ( key == "width" ) {
			return parseInt( this.style.width );
		} else if ( key == "height" ) {
			return parseInt( this.style.height );
		} else if ( key == "points" ) {
			return this.points;
		}
	}
	
	return domElement;
};

var createVMLPath = function() {

	var domElement = document.createElement("v:shape");

	domElement.style.width = '21600';
	domElement.style.height = '21600';
	domElement.coordsize = '21600, 21600';
	domElement.style.position = "absolute";

    domElement.getBoundingBox = function() {
        return this.m_bounds;
    }

	domElement.setAttribute = function( key, value ) {

		if ( key == "d" ) {

			// --- SVG ---
			// args: http://www.w3schools.com/svg/svg_path.asp 

			// --- VML ---
			// args: m l x e v?
            

            var newPath = '';
            var blocks = value.split(' ');
            var j;
            for (j=0;j<blocks.length;j++)
            {
                if ( blocks[j] == 'M' )
                {
                    var coords = blocks[j+1].split(',');
                    newPath += "m "+svgMakePoint(coords[0])+' '+svgMakePoint(coords[1])+' ';
                    j++;
                }
                else if ( blocks[j] == 'C' )
                {
                    var c1 = blocks[j+1].split(',');
                    var c2 = blocks[j+2].split(',');
                    var c3 = blocks[j+3].split(',');
                    newPath += "c "+svgMakePoint(c1[0])+' '+svgMakePoint(c1[1])+' '+svgMakePoint(c2[0])+' '+svgMakePoint(c2[1])+' '+svgMakePoint(c3[0])+' '+svgMakePoint(c3[1])+' ';
                    j+=3;
                }
                else if ( blocks[j] == 'L' )
                {
                    var coords = blocks[j+1].split(',');
                    newPath += "l "+svgMakePoint(coords[0])+' '+svgMakePoint(coords[1])+' ';
                    j++;
                }

            }
			this.path = newPath;
			return;
		} else if ( key == "stroke" ) {
			this.strokecolor = value;
			return;
		} else if ( key == "stroke-width" ) {
            if ( value == 0 )
            {
                this.stroked = false;
            }
            else
            {
			    this.strokeweight = parseFloat(value)/1.2 + "pt";
			}
            return;
		} else if ( key == "fill" ) {
			this.fillcolor = value;
			return;
		}
	}

	domElement.getAttribute = function( key ) {
		alert("not implemented");
	}
	
	return domElement;
};

var createVMLLinearGradient = function(){
	return new LinGradient();
};

var createVMLStop = function() {
	var myStop = new Object();
	
	myStop.setAttribute = function( key, value ) {
		if( key == 'offset' ) {
			this.offset = value;
		} else if( key == 'stop-color' ) {
			this.stopColor = value;
		}
	}
	
	return myStop;
};

var createVMLDefs = function() {
	var myDef = new Object();
	myDef = document.createElement("defs");
	myDef.appendChild = function(child){};
	return myDef;
}

var createVMLText = function() {
    var domElement = document.createElement("p");
    domElement.style.position = 'absolute';
    domElement._setLeft = 0;
    domElement._setAlign = 'left';
    domElement._offset = 0;
    
    domElement.setAttribute = function( key, value ) 
    {
        if ( key=="x" ) {
            this._setLeft = parseInt(value);
            this.style.left = (this._setLeft + this._offset)+'px';
        }
        else if ( key=="y" ) {
            this.style.top = value+'px';
        }
        else if ( key=="font-size" ) {
            this.style.fontSize = value+'px';
        }
        else if ( key=="font-family" ) {
            this.style.fontFamily = value;
        }
        else if ( key=="fill" ) {
            this.style.color = value;
        }
        else if ( key=="text-anchor" ) {
            this.style.width = '';
            this._setAlign = value;
            this._offset = ( (value=='middle')?(-this.offsetWidth/2):
                            (value=='right')?-this.offsetWidth:0);
            this.style.left = (this._setLeft + this._offset) + 'px';
            this.style.width = '300px';
        }
    }

    domElement.getAttribute = function( key ) {
    }
    
    return domElement;
};


var LinGradient = function( ) {
	this.init( );
};
LinGradient.prototype = {
	init: function( ) {
		this.stops = new Array();
	},
	
	setAttribute: function( key, value ) {
		if( key == "id" ){
			this.id = value;
			linearGradients[this.id] = this;
		} else if( key == "x1" ) {
			this.x1 = value.substring(0,value.length-1);
		} else if( key == "y1" ) {
			this.y1 = value.substring(0,value.length-1);
		} else if( key == "x2" ) {
			this.x2 = value.substring(0,value.length-1);
		} else if( key == "y2" ) {
			this.y2 = value.substring(0,value.length-1);
		}
	},
	
	appendChild: function( stop ) {
		this.stops.push(stop);
	}
};

// initialize
new svg2vml();