<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="/transform-1-0.xsl"?>
<gabml xml:lang="en" lang="en">
	<head>
		<base href="http://www.wilduniverse.org/" />
		<title>Wild Universe Productions</title>
		<meta name="description" content="Wild Universe is a music label and propose some high quality music from many talented artists. Our goal is to promote copyright-free music and help our bands to gain visibility and to earn money for their music." />
		<meta http-equiv="Content-Language" content="en" />
		<meta http-equiv="Content-Script-Type" content="text/javascript" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

		<link rel="stylesheet" type="text/css" title="Wild blue" media="screen" href="main.css" />
		<link href='http://fonts.googleapis.com/css?family=Gruppo' rel='stylesheet' type='text/css' />
		<link href='http://fonts.googleapis.com/css?family=Spinnaker' rel='stylesheet' type='text/css' />
		<style type="text/css">

			body {
				font-family: sans-serif;
			}

			p, span {
				font-family: 'Spinnaker', sans-serif;
			}

			h1, h2, h3, h4, #leftpanel ul li {
				font-family: 'Gruppo', sans-serif;
			}

		</style>


		<!-- Helps IE prior to version 9 to render CSS as it should -->
		<!--[if lt IE 7]>
		<style type="text/css">
			#header {
				height: 144px;
				width: 1024px;
			}

			#header h1 {
				width: 340px;
				height: 115px;
				position: relative;
				left: 342px;
				top: 15px;
			}
		</style>
		<![endif]-->
		<!--[if lt IE 9]>
		<style type="text/css">
			.boxshadow {
				filter:progid:DXImageTransform.Microsoft.Shadow(color='#060612', Direction=135, Strength=8);
				zoom: 1;
			}
		</style>
		<script src="scripts/IE9.js" type="text/javascript">IE7_PNG_SUFFIX=".png";</script>
		<![endif]-->

		<script type="text/javascript">
		//<![CDATA[

			//a function to get an element by its id regardless of the browser used
			function getElementByIdUniversal(id)
			{
				var elem;
				if(document.getElementById)
				{
					elem = document.getElementById( id );
				}
				else
				{
					elem = document.all[ id ];
				}
				return elem;
			}

			//register the header event handlers
			function registerEventHandler()
			{
				var elem = getElementByIdUniversal( "header" );
				if(elem)
				{
					elem.onclick     = clickevent;
					elem.onmouseover = mouseoverevent;
					elem.onmouseout  = mouseoutevent;
				}
			}

			function clickevent(e) //fired when the header is clicked
			{
				window.location="/home";
			}

			function mouseoverevent(e) //fired when the header is mouseovered
			{
				var elem = getElementByIdUniversal( "header" );
				if(elem)
				{
					elem.style.cursor="pointer";
				}
			}

			function mouseoutevent(e) //fired when the header is mouseouted
			{
				var elem = getElementByIdUniversal( "header" );
				if(elem)
				{
					elem.style.cursor="default";
				}
			}

			//start the move of the background image
			var bgheight;
			var offset;
			var elemHeader;
			var timerid;

			function movebg()
			{
				bgheight = 768;
				offset = bgheight;
				elemHeader = getElementByIdUniversal( "header" );

				timerid = setInterval ( "dowork()", 100 );
			}

			//move the background image in an infinite loop
			function dowork()
			{
				offset = (offset < 1) ? offset + (bgheight - 1) : offset - 1;
				elemHeader.style.backgroundPosition = "100% " + offset + "px";
			}


		//]]>
		</script>

		<meta name="google-site-verification" content="410MGV18y1gFUJGiC89D9BdQzftCAipc485dRLYkj2U" />

	</head>
	<body>

		<!--start of canvas -->
		<div id="canvas">

			<!--start of header -->
			<div id="header">
				<span class="banner-top-left-gradient">&#xA0;</span>
				<h1>Wild Universe</h1>
				<span class="banner-top-right-gradient">&#xA0;</span>
			</div>
			<!--end of header -->

			<!--start of leftpanel -->
			<div id="leftpanel">
				<ul class="boxshadow">
					<li><a href="home">Home</a></li>
					<li><a href="news">News</a></li>
					<li><a href="bands">Bands</a></li>
					<li><a href="albums">Albums</a></li>
					<li><a href="comingsoon">Coming soon</a></li>
					<li><a href="aboutus">About us</a></li>
					<li><a href="coollinks">Cool links</a></li>
					<li><a href="contact">Contact</a></li>
				</ul>

				<!--start of almostreleased -->
				<div id="almostreleased" class="boxshadow">
					<h2>Almost released</h2>

					
<div class="rightpanelalbum">
	<h3><a href="album/3">Windpearl</a></h3>
	<h4><a href="album/3">"Fate"</a></h4>
	<a href="album/3"><img src="getimg.php?type=album&amp;width=150&amp;id=3&amp;field=COVER_FRONT" width="150" alt="Album thumbnail" /></a>
	<p>Not released yet...</p>
	<p><a href="album/3">Read&#xA0;more</a></p>
</div>

				</div>
				<!--end of almostreleased -->

			</div>
			<!--end of leftpanel -->

			<!--start of content -->
			<div id="content">

				
<div id="track" class="boxshadow">
	<a href="getimg.php?type=album&amp;id=2&amp;field=COVER_FRONT"><img src="getimg.php?type=album&amp;width=240&amp;id=2&amp;field=COVER_FRONT" alt="Mother Earth front cover" width="240" class="boxshadow" /></a>
	<h1>20th century</h1>
	<ul>
		<li>Album:  <a href="album/2">Mother Earth</a></li>
		<li>Band: <a href="band/1">Windpearl</a></li>
		<li>Position: 7</li>
		<li>Length: 15:05</li>
		<li>Year composed: 2005</li>
		<li>Genre(s): House</li>
		<li>URL: <a href="http://www.jamendo.com/fr/track/253540">http://www.jamendo.com/fr/track/253540</a></li>
	</ul>
	<h2>Description</h2>
	<p>
		No description yet.
	</p>
</div>
<div id="lyrics">
	<h2>Lyrics</h2>
	<div id="lyricscontent" class="boxshadow">
		No lyrics yet.
	</div>
</div>
<div id="listen">
	<h2>Listen</h2>
	<div id="listencontent" class="boxshadow">

<!--[if !IE]> -->
  <object type="application/x-shockwave-flash" data="http://bandcamp.com/EmbeddedPlayer.swf/track=1403355891/size=venti/bgcol=111122/linkcol=AAAACC/" width="400" height="100">
<!-- <![endif]-->
<!--[if IE]>
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="400" height="100">
    <param name="movie" value="http://bandcamp.com/EmbeddedPlayer.swf/track=1403355891/size=venti/bgcol=111122/linkcol=AAAACC/" />
<!--><!-- http://Validifier.com -->
    <param name="wmode" value="transparent" />
    <a href="http://windpearl.bandcamp.com/track/20th-century">20th century by Mother Earth</a>
  </object>
<!-- <![endif]-->

	</div>
</div>
<div id="clip">
	<h2>Clip</h2>
	<div id="clipcontent" class="boxshadow">
		<p>No clip is available for this track.</p>
	</div>
</div>

<div id="comments">
  <h2>Comments</h2>
  <a href="/track/19#commentform" class="postcommentlink">Post a comment</a>
  <div id="commentscontent">

    <div id="nocomment">
      <p><strong>No comment has been posted yet.</strong> Be the first to comment! Note: HTML content is NOT allowed and will be automaticaly stripped down.</p>
    </div>


  </div>
  <div id="commentformdiv" class="boxshadow">
    <form id="commentform" action="/track/19" method="post" accept-charset="utf-8">
      <fieldset id="commentformfieldset">
        <legend>Post a comment</legend>

        <!-- author -->
        <label for="commentauthor">Author:</label>
        <input type="text" id="commentauthor" name="CommentAuthor" maxlength="32" value="" /><br />

        <!-- email -->
        <label for="commentemail">Email:</label>
        <input type="text" id="commentemail" name="CommentEmail" maxlength="160" value="" /><br />

        <!-- allowemail -->
        <label for="commentallowemail">My email is public</label>
        <input type="checkbox" id="commentallowemail" name="CommentAllowEmail" value="" /><br />

        <!-- website -->
        <label for="commentwebsite">Website:</label>
        <input type="text" id="commentwebsite" name="CommentWebsite" maxlength="256" value="" /><br />

        <!-- title -->
        <label for="commenttitle">Title:</label>
        <input type="text" id="commenttitle" name="CommentTitle" maxlength="256" value="" /><br />

        <!-- content -->
        <label for="commentcontent">Your comment:</label>
        <textarea id="commentcontent" name="CommentContent" rows="" cols=""></textarea><br />

        <!-- Turing test -->
        <p>Prove that you are Human by typing the emphasized characters:</p>
        <label for="commentturing"><span class="gabcaptchai">K</span><span class="gabcaptchai">K</span><span class="gabcaptchai">S</span><strong class="gabcaptchav">P</strong><span class="gabcaptchai">X</span><span class="gabcaptchai">L</span><strong class="gabcaptchav">V</strong><span class="gabcaptchai">H</span><span class="gabcaptchai">P</span><span class="gabcaptchai">G</span><span class="gabcaptchai">A</span><span class="gabcaptchai">V</span><strong class="gabcaptchav">J</strong><span class="gabcaptchai">H</span><strong class="gabcaptchav">G</strong><span class="gabcaptchai">H</span></label>
        <input type="text" id="commentturing" name="CommentTuring" maxlength="4" /><br />
        <input type="hidden" id="commentsecret" name="CommentSecret" value="ZTRhZDBkZDQ3ZjU4Y2I5Y2QyMzk0MDE1ZGFjZDJjNDA=" />

        <input type="submit" id="btnsubmitcomment" value="Send" />

      </fieldset>
    </form>
  </div>
</div>


			</div>
			<!--end of content -->

			<!--start of rightpanel -->
			<div id="rightpanel">

				<!--start of newreleases -->
				<div id="newreleases" class="boxshadow">
					<h2>New releases</h2>

					
<div class="rightpanelalbum">
	<h3><a href="album/2">Windpearl</a></h3>
	<h4><a href="album/2">"Mother Earth"</a></h4>
	<a href="album/2"><img src="getimg.php?type=album&amp;width=150&amp;id=2&amp;field=COVER_FRONT" width="150" alt="Album thumbnail" /></a>
	<p>&#34;Mother Earth&#34; is the second album released by Windpearl late 2008.

A few words of the artist:
&#34;While I was in France, I thought that my next album will have Asian sonorities. When I arrived in As...</p>
	<p><a href="album/2">Read&#xA0;more</a></p>
</div>

<div class="rightpanelalbum">
	<h3><a href="album/1">Windpearl</a></h3>
	<h4><a href="album/1">"I love you a bit..."</a></h4>
	<a href="album/1"><img src="getimg.php?type=album&amp;width=150&amp;id=1&amp;field=COVER_FRONT" width="150" alt="Album thumbnail" /></a>
	<p>&#34;I love you a bit...&#34; is the first album of Windpearl released to the public.

Some few words of the artist Gabriel Hautclocq:
&#34;With calm ambient tracks, catchy chip tunes, some experimental hardte...</p>
	<p><a href="album/1">Read&#xA0;more</a></p>
</div>

				</div>
				<!--end of newreleases -->

			</div>
			<!--end of rightpanel -->

		</div>
		<!--end of canvas -->

		<!-- start of footer -->
		<div id="footer">
						<p>Copyright (c) Wild Universe 2009-2012</p>
			<p><a href="sitemap" title="Click here to view the site map.">Site map</a></p>
			<p><a href="http://validator.w3.org/check?uri=referer" title="">Valid GABML 1.0 transformed in XHTML 1.1</a></p>
			<p>Website by <a href="http://www.gabsoftware.com" title="Click here to visit the webmaster website.">GabSoftware</a></p>
			<p>Contact us: <hiddenmail username="&#105;&#x6e;&#x66;&#x6f;" hostname="&#x77;&#x69;&#x6c;&#x64;&#117;&#x6e;&#x69;&#118;&#x65;&#114;&#115;&#x65;" tld="&#x6f;&#114;&#x67;" caption="Click here to send us an email" /></p>
		</div>
		<!-- end of footer -->

		<!--[if lt IE 7]>
		<script type="text/javascript">
		//<![CDATA[
			movebg = function() { return false; }; //do not scroll the background with IE prior to 7
		//]]>
		</script>
		<![endif]-->
		<script type="text/javascript">
		//<![CDATA[
			registerEventHandler(); //registers event handlers when the page is loaded
			movebg(); //begins to scroll the header space background
		//]]>
		</script>
	</body>
</gabml>

