anchor.diff:  
   <link rel="stylesheet" href="/assets/admin/style.css"/>
   <link rel="stylesheet" href="/assets/admin/css3mixin.css"/>
  +<script>
  +function show_quantity(i){
  +  $('#promotion_percentage'+i).toggle(false);
  +  $('#promotion_buy'+i).toggle(true);
  +  $('#promotion_get'+i).toggle(true);
  +};
  +function show_percentage(i){
  +  $('#promotion_buy'+i).toggle(false);
  +  $('#promotion_get'+i).toggle(false);
  +  $('#promotion_percentage'+i).toggle(true);
  +};
  +</script>
  +
   <div class="range-sel-box">
     <%  counter= 0 %>
     <ul id="slider">
  
positive.code:       <div class="promo-bubble" id="bubble<%=i%>" style="display:none">
        <form class="promo-form" >
          <p class="prom-p">
          <label><input id="quantity<%=i%>" class="promo-radio" type="radio" name="group1" value="Quantity" > Quantity</label>
          <label><input id="percentage<%=i%>" class="promo-radio" type="radio" name="group1" value="Percentage" > Percentage</label>
          </p>
          <input type="text" id="promotion_percentage<%=i%>" class="txt-box"/>
        </form>
      </div>
  
  
negative.code:   <div class="promo-bubble" id="bubble<%=i%>" style="display:none">
        <form class="promo-form" >
          <p class="prom-p">
          <label><input id="quantity<%=i%>" class="promo-radio" type="radio" name="group1" value="Quantity" onclick=show_quantity(<%=i%>) > Quantity</label>
          <label><input id="percentage<%=i%>" class="promo-radio" type="radio" name="group1" value="Percentage" onclick=show_percentage(<%=i%>) > Percentage</label>
          </p>
          <p>
          <input type="text" id="promotion_percentage<%=i%>" style="display:none" class="txt-box"></input>
          </p> <p>
          <input type="text" id="promotion_buy<%=i%>" style="display:none" class="txt-box"></input>
          <input type="text" id="promotion_get<%=i%>" style="display:none" class="txt-box"></input>
          </p>
        </form>
      </div>
  
  