(($)->

	window.Demo =

		run: ->

			parse = (svg)->
			    fragment = document.createDocumentFragment()
			    full = true
			    div = document.createElement("div")

			    if not svg.match(/^\s*<\s*svg(?:\s|>)/)
			      svg = "<svg>#{svg}</svg>"
			      full = false

			    div.innerHTML = svg
			    svg = div.getElementsByTagName("svg")[0]

			    if svg
			      if full
			        fragment = svg
			      else
			        while svg.firstChild
			          fragment.appendChild(svg.firstChild)

			    div.innerHTML = ""

			    return fragment

			# demo 01
			$('#demo').append(parse("""
				<g>
					<clipPath id="clip-image" clipPathUnits="objectBoundingBox" >
						<circle cx=".5" cy=".5" r=".45"/>
					</clipPath>

					<image xlink:href="img/illust/expert.jpg" x="200" y="200" height="100" width="100" clip-path="url(#clip-image)" />
				</g>
			"""))


)(jQuery)