


$.template("alpha", [
 '<li><a>C</a></li>'
].join(''));












$.template("detail", [
 '<div class="item detail" data-item-id="${id}">',
  '<div class="item-wrap">',
   '<div class="item-image">',
    '<img src="${icon_large}" alt="" />',
    '<span class="SNbutton"><span class="left"></span><span class="middle"><span class="contentHolder"><a class="facebook SB_link" href="http://facebook.com/sharer.php?u=http://services.runescape.com/m=itemdb_rs/a=102/viewitem.ws?obj=${id}" target="_blank" title="Add this page to Facebook" onclick="try{pageTracker._trackPageview(&quot;/outgoing/bookmarking/facebook/http://services.runescape.com/m=itemdb_rs/a=102/viewitem.ws?obj=${id}&quot;)}catch(x){}; try{_pageTracker._trackPageview(&quot;/outgoing/bookmarking/facebook/http://services.runescape.com/m=itemdb_rs/a=102/viewitem.ws?obj=${id}&quot;)}catch(x){}"><img src="http://www.runescape.com/img/global/social/SNfacebook.png" alt="Facebook" title="Facebook" /><span class="SB_label">Facebook</span></a><a href="http://twitter.com/share?text=${name}&url=http://services.runescape.com/m=itemdb_rs/a=102/viewitem.ws?obj=${id}" target="_blank" class="twitter SB_link" onclick="try{pageTracker._trackPageview(&quot;/outgoing/bookmarking/twitter/http://services.runescape.com/m=itemdb_rs/a=102/viewitem.ws?obj=${id}&quot;)}catch(x){}; try{_pageTracker._trackPageview(&quot;/outgoing/bookmarking/twitter/http://services.runescape.com/m=itemdb_rs/a=102/viewitem.ws?obj=${id}&quot;)}catch(x){}"><img src="http://www.runescape.com/img/global/social/SNtwitter.png" alt="Twitter" title="Twitter" /><span class="SB_label">Twitter</span></a></span><span class="right">Share</span></span></span>',
   '</div>',

   '<div class="item-details">',
    '<div>',
     '<h5>${name}</h5>',
     '<p>${description}</p>',
    '</div>',

    '<h6>Pricing Information:</h6>',

    '<table>',
     '<tbody>',
      '<tr>',
       '<th scope="row">Current Guide Price:</th>',
       '<td class="${current.trend}">${current.price}</td>',
      '</tr>',
      '<tr>',
       "<th scope='row'>Today's Change:</th>",
       '<td class="${today.trend}">${today.price}</td>',
      '</tr>',
     '</tbody>',
      '<tr>',
       '<th scope="row">30-Day Change:</th>',
       '<td class="${day30.trend}">${day30.change}</td>',
      '</tr>',
      '<tr>',
       '<th scope="row">90-Day Change:</th>',
       '<td class="${day90.trend}">${day90.change}</td>',
      '</tr>',
      '<tr class="last">',
       '<th scope="row">180-Day Change:</th>',
       '<td class="${day180.trend}">${day180.change}</td>',
      '</tr>',
    '</table>',
   '</div>',
  '</div>',

  '<div data-module-class="Graph" data-item-id="${id}" class="graph"></div>',

  '<div class="catalogue-close HoverImg"><img src="http://www.runescape.com/img/itemdb/bg-catalogue-overlay-close.png" alt="Close" title="Close"></div>',
 '</div>'
].join(''));




var brace = '{{';
$.template("item", [
 '<li>',
  '<div class="item-icon">',
   '<span class="icon"><img src="${icon}" alt="" /></span>',
  '</div>',
  '<div class="item-content">',
   '<h5><a data-item-id="${id}">${name}</a></h5>',
   '<div class="item-meta">',
    '<h7>Current Price: <em class="${current.trend}">${current.price}</em></h7>',
    '<h7>Today: <em class="${today.trend}">${today.price}</em></h7>',
   '</div>',
  '</div>',
 '</li>'
].join(''));





$.template("item-shell", [
 '<div>',
  '<ol class="alpha-items"></ol>',

  '<div class="pagination">',
   '<span class="Button Button29disabled prev disabled"><span><span><span class=""><b>Prev</b></span></span></span></span>',
   '<a  class="Button Button29 prev enabled"><span><span><span class=""><b>Prev</b></span></span></span></a>',
   '<ul></ul>',
   '<span class="Button Button29disabled next disabled"><span><span><span class=""><b>Next</b></span></span></span></span>',
   '<a  class="Button Button29 next enabled"><span><span><span class=""><b>Next</b></span></span></span></a>',
  '</div>',

  '<div class="mask"></div>',
 '</div>'
].join(''));


$.template("pager", [
 '<li><a></a></li>'
].join(''));


$.template("shell", [
 '<ol class="catalogue-list">',
  '<li>',
   '<ol class="catalogue-row">',
    '<li class="corner left"><a data-alpha="a">A</a></li>',
    '<li><a data-alpha="b">B</a></li>',
    '<li><a data-alpha="c">C</a></li>',
    '<li><a data-alpha="d">D</a></li>',
    '<li><a data-alpha="e">E</a></li>',
    '<li><a data-alpha="f">F</a></li>',
    '<li><a data-alpha="g">G</a></li>',
    '<li><a data-alpha="h">H</a></li>',
    '<li><a data-alpha="i">I</a></li>',
    '<li><a data-alpha="j">J</a></li>',
    '<li class="corner right"><a data-alpha="k">K</a></li>',
   '</ol>',
  '</li>',

  '<li>',
   '<ol class="catalogue-row">',
    '<li class="corner left"><a data-alpha="l">L</a></li>',
    '<li><a data-alpha="m">M</a></li>',
    '<li><a data-alpha="n">N</a></li>',
    '<li><a data-alpha="o">O</a></li>',
    '<li><a data-alpha="p">P</a></li>',
    '<li><a data-alpha="q">Q</a></li>',
    '<li><a data-alpha="r">R</a></li>',
    '<li><a data-alpha="s">S</a></li>',
    '<li><a data-alpha="t">T</a></li>',
    '<li><a data-alpha="u">U</a></li>',
    '<li class="corner right"><a data-alpha="v">V</a></li>',
   '</ol>',
  '</li>',

  '<li>',
   '<ol class="catalogue-row">',
    '<li class="corner left"><a data-alpha="w">W</a></li>',
    '<li><a data-alpha="x">X</a></li>',
    '<li><a data-alpha="y">Y</a></li>',
    '<li><a data-alpha="z">Z</a></li>',
    '<li><a data-alpha="#">#</a></li>',
   '</ol>',
  '</li>',
 '</ol>'
].join(''));

