<?xml version="1.0" encoding="UTF-8"?>
<Module>
  <ModulePrefs title="Music-Engine"
               title_url="Music-engine"
               screenshot="http://music-engine.appspot.com/opensocial/music-engine/screenshot.png"
               thumbnail="http://music-engine.appspot.com/opensocial/music-engine/thumbnail_200-120.png"
               description="Music-Engine: easily search, listen and download any song. Create your own favorite playlist, give any song or playlist to your friends as a gift. Update your music life stream."
               author="hoatle"
               author_email="hoatlevan@gmail.com">
	<Require feature="opensocial-0.7" />
	<Require feature="views" />
	<Require feature="dynamic-height" />
	<Require feature="tabs" />
	<Require feature="setprefs"/>
	<UserPref name="selectedTab" datatype="hidden" />
  </ModulePrefs>
<Content type="html" view="canvas">
  <![CDATA[
  	<link type="text/css" rel="stylesheet" media="all" href="http://labs.hoatle.net/orkut/music-engine/me.css" />
  	<link type="text/css" rel="stylesheet" media="all" href="http://labs.hoatle.net/orkut/music-engine/tabs.css" />
  	<script type="text/javascript" src="http://labs.hoatle.net/orkut/music-engine/zd_draganddrop.js"></script>
  	<script type="text/javascript" src="http://labs.hoatle.net/orkut/music-engine/swfobject.js"></script>
  	<script type="text/javascript" src="http://labs.hoatle.net/orkut/music-engine/me.js"></script>
  	<div id="me-canvas">
  		<div id="app-loading"><img src="http://music-engine.appspot.com/opensocial/music-engine/ajax-loader.gif" />Loading... Please wait...</div>
  		<div id="me-tabs"></div>
  		
  		<div id="me-search-tab">
  			<div id="search-msg">&nbsp;</div>
  			<div id="me-search-box">
  				<form name="me-sb" id="me-sb">
  					<span id="loading-top"><img src="http://music-engine.appspot.com/opensocial/music-engine/ajax-loader.gif" /></span><input type="textbox" name="txtQuery" id="txtQuery" size="40" /><input name="btnSearch" id="btnSearch" type="button" value="Search" />
  				</form>
  			</div>
  			<div id="me-search-result">
  				<div id="result-status"></div>
  				<ul id="result-list">
  				</ul>
  			<div>
  			<ul id="me-paging"></ul>
  		</div>
  		<div id="me-song-tab"></div>
  		<div id="me-playlist-tab"></div>
  		<div id="me-help-tab"><p align="center">Help Page<p></div>
  		<div id="me-about-tab">
			<ul>
				<li>As the name suggested, this application is mainly for searching and enjoying your music. It will become more social in the future.</li>
				<li>Some critical implemented features:
					<ul>
						<li>Searching</li>
						<li>Previewing</li>
						<li>Song Detail Viewing</li>
						<li>Song Download</li>
						<li>Playlist</li>
					</ul>
				</li>
				<li>Some on-going features:
					<ul>
						<li>Lyrics searching</li>
						<li>Other views implementing</li>
						<li>Internationalizing</li>
						<li>Update your music life stream</li>
						<li>Send songs to your friends</li>
					</ul>
				</li>
				<li>Other intended features:
					<ul>
						<li>Create and save your songs, your playlist</li>
						<li>Comment, vote... (Maybe)</li>
					</ul>
				</li>
				<li>Music source: can be got from any other search engine. Currently, just from www.socbay.com. My thanks to socbay.</li>
				<li>Origin:  This application is made for the SE Asia OpenSocial Contest.</li>
				<li>My great thanks goes to Jeremi Joslin from Exo Platform (http://exoplatform.org).</li>
				<li>Many thanks to www.zedwood.com for the drag and drop box; to www.longtailvideo.com for the player</li>
				<li>More info about me: http://hoatle.net</li>
			</ul>
  		</div>
  	</div>
  ]]>
</Content>
<Content type="html" view="home, profile">
  <![CDATA[
    <link type="text/css" rel="stylesheet" media="all" href="http://labs.hoatle.net/orkut/music-engine/me.css" />
  	<script type="text/javascript" src="http://labs.hoatle.net/orkut/music-engine/me.js"></script>
	<div id="me-profile">
		This is profile view not implemented yet. Click the button to go to cavas view <input onclick="ME.view.gotoView('canvas');" type="button" value="Go" />
	</div>
  ]]>
</Content>
<Content type="html">
	<![CDATA[
		<link type="text/css" rel="stylesheet" media="all" href="http://labs.hoatle.net/orkut/music-engine/me.css" />
  		<script type="text/javascript" src="http://labs.hoatle.net/orkut/music-engine/me.js"></script>
		<div id="me-default">
			<p>This is default view. This application now just support cavas view.</p>
			<p> Click the button to go to cavas view <input onclick="ME.view.gotoView('canvas');" type="button" value="Go" /></p>
		</div>
	]]>
</Content>
</Module>