## The contents of this file are subject to the Common Public Attribution
## License Version 1.0. (the "License"); you may not use this file except in
## compliance with the License. You may obtain a copy of the License at
## http://code.reddit.com/LICENSE. The License is based on the Mozilla Public
## License Version 1.1, but Sections 14 and 15 have been added to cover use of
## software over a computer network and provide for limited attribution for the
## Original Developer. In addition, Exhibit A has been modified to be consistent
## with Exhibit B.
##
## Software distributed under the License is distributed on an "AS IS" basis,
## WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for
## the specific language governing rights and limitations under the License.
##
## The Original Code is Reddit.
##
## The Original Developer is the Initial Developer.  The Initial Developer of
## the Original Code is CondeNet, Inc.
##
## All portions of the code written by CondeNet are Copyright (c) 2006-2010
## CondeNet, Inc. All Rights Reserved.
################################################################################

<%namespace file="printablebuttons.html" import="ynbutton"/>
<% 
   from r2.lib.template_helpers import static
%>

<div id="siteTable_organic" class="organic-listing">
  <%
     lookup = dict((t._fullname, t) for t in thing.things)
     seen = set([])
   %>
  <script type="text/javascript">
    ## fortunately, python arrays print in JS-compatible form.
    var organic_links = ${thing.spotlight_links};
  </script>
  %for name in thing.spotlight_links:
    %if name in seen:
      <% pass %>
    %elif lookup.has_key(name):
      <% seen.add(name) %>
      ${unsafe(lookup[name].render(display = (thing.visible_link == name)))} 
    %else:
      <div class="thing id-${name} stub" style="display:none"></div>
    %endif
  %endfor

  <div class="nextprev">
    <img src="${static('prev_organic.png')}" alt="prev"
         onclick="return get_organic(this, false)"/>
    <img src="${static('next_organic.png')}" alt="next" 
         onclick="return get_organic(this, true)" />
  </div>
  
  <div class="help">
    <a class="open" href="javascript:void(0)">${_("what's this?")}</a>
  </div>
</div>

<%
  fmt = _("Click %(here)s to close help.")
  title = _("here")
  link = '<a class="close" href="javascript:void(0)">%s</a>' % title
  link = (fmt % dict(here = link))
  link = unsafe(link.replace(" <", "&#32;<").replace("> ", ">&#32;"))
%>

<div class="help help-cover juryduty">
    <p>
      ${_("Sometimes reddit needs to ask the community to help fight spam. This is your chance to take part in that.")}
      &#32;
      <a href="/help/deputies">
        ${_("Click here for more info.")}
      </a>
    </p>
    ${ynbutton(_("here"), _("This element has been disabled."),
               "disable_ui", callback = "disappear_help",
               format = _("Click %(here)s to disable this feature."),
               format_arg = "here",
               hidden_data = dict(id="organic"))}
    ${link}
</div>

<div class="help help-cover promoted">
    <p>
      This sponsored link is an advertisement generated with our&#32;<a href="http://www.reddit.com/help/selfservicepromotion">self-serve advertisement tool.</a>&#32.  
    </p>
    <p>
      Use of this tool is open to all members or reddit.com, and for as little as $20 you can advertise in this area.&#32;<a href="/ad_inq">Get started &raquo;</a>
    </p>
    <p>
      ${link}
    </p>
</div>

<div class="help help-cover organic">
    <p>
      ${_("This area shows new and upcoming links. Vote on" +
            " links here to help them become popular, and click" +
            " the forwards and backwards buttons to view more. ")}
    </p>
        %if c.user_is_loggedin:
          ${ynbutton(_("here"), _("This element has been disabled."),
                     "disable_ui", callback = "disappear_help",
                     format = _("Click %(here)s to disable this feature."),
                     format_arg = "here",
                     hidden_data = dict(id="organic"))}
        %else:
         <p>
        %endif
           ${link}
        %if not c.user_is_loggedin:
         </p>
        %endif
</div>

<script type="text/javascript">
    function disappear_help(elem) {
       $(elem).parents(".help:first").parent().html(
                 "${_('The new link area will no longer appear for you.' +
                      ' To re-enable it, visit your preferences.')}");
    }
    $(function() {
        $(".help")
            .find("a.open").click(function() {
               var l = $(this).parents(".organic-listing").hide();
               if (l.find(".thing:visible").hasClass("promoted")) {
                    l.siblings(".help.promoted").show();
               } else if (l.find(".thing:visible").hasClass("ontrial")) {
                    l.siblings(".help.juryduty").show();
               } else {
                    l.siblings(".help.organic").show();
               }
            }).end()
            .find("a.close").click(function() {
              $(this).parents(".spacer")
                 .find(".help-cover").hide();
              $(this).parents(".spacer")
                .find(".organic-listing").show();
            });
      });
</script>


