<?xml version="1.0" encoding="UTF-8" ?> 
<Module>
  <ModulePrefs title="Scratch Project"
               description="A gadget for embedding a Scratch project."
               author="Takashi Yamamiya"
               author_email="yamamiya.takashi+scratchGadget@gmail.com"
               screenshot="http://metatoys.org/scratchGadget/scratchCat.png"
               thumbnail="http://metatoys.org/scratchGadget/scratchCatThumb.png"
               height="410">
    <Locale messages="http://metatoys.org/scratchGadget/ALL_ALL.xml"/>
    <Locale lang="ja" messages="http://metatoys.org/scratchGadget/ja_ALL.xml"/> 
    <Require feature="settitle" />
    <optional feature="shareable-prefs"/> 
  </ModulePrefs>
  <UserPref name="url" display_name="__MSG_Project_URL__"/>
  <Content type="html">
     <![CDATA[
 <div id="guide">
   <p>__MSG_guide__</p>
   <p><img src="http://metatoys.org/scratchGadget/scratchCatThumb.png"></p>
 </div>
 <div id="app"></div>

<script type="text/javascript">
  var prefs = new gadgets.Prefs();
  var url = prefs.getString("url");
  var match = /([^\/]+\/\d+)$/.exec(url);

  if (match) {
    var project = "../../static/projects/" + match[1] + ".sb";
    setProject(project);
    setTitle(url);
  }

  function setProject(project) {
    document.getElementById("guide").style.display = "none";
    document.getElementById("app").innerHTML = 
    "<applet id='ProjectApplet' style='display:block' code='ScratchApplet' codebase='http://scratch.mit.edu/static/misc' archive='ScratchApplet.jar' height='387' width='482'><param name='project' value='" + project + "'></applet> <a id='projectLink' target='_top' href='" + url + "'>Learn more about this project</a>";
  }

  function setTitle(url) {
    var params = {};  
    params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.TEXT;
    gadgets.io.makeRequest(url, response, params);
  }

  function response(obj) {
    var doc = obj.text;
    var match = /project_title">([^<]*)</.exec(doc);
    if (!match) return;
    var title = match[1];
    gadgets.window.setTitle(title);
    document.getElementById("projectLink").innerText = title;
  }

</script>
     ]]>
  </Content> 
</Module>

