anchor.diff:  					<div class="board-swatch-small color-match-link" id="add-colors-link-<%=index%>" data-match-id="1">
   						<span data-toggle="popover" data-color-id="<%=color.id%>" data-color-popover-container="color-popover-<%=color.id%>" data-html="true" data-trigger="hover" data-placement="top" data-animation="false" class="swatch-wrapper" data-color="<%=color.hex_val%>" data-color-hsv-h="<%=color.hsv_h%>" data-color-hsv-s="<%=color.hsv_s%>" data-color-hsv-v="<%=color.hsv_v%>" data-color-name="<%=color.name%>" data-color-swatch-val="<%=color.swatch_val%>">
   						<div class="board-swatch-color" id="board-swatch-color-<%=index%>" style="background-color: #<%= color.hex_val%>"></div>
  -						
  +
   						</span>
   					</div>
  -					
  -					
  -					
  +
  +
  +
   					<div id="color-popover-<%=color.id%>" class="hide">
   					<div class="row">
   						<div class="col-md-5">
  
positive.code: 									<td>H: <%=color.hsv_h%><br />
  										S: <%=color.hsv_s%><br />
  										V: <%=color.hsv_v%></td>
  								</tr>	
  							</table>
  						</div>
  					</div>
  
negative.code: 
  <script>
  $(document).ready(function() {
  	$('#embed-room').popover({
  	    html : true,
  	    content: function() {
  			//$('.button-product-info').popover('hide');
  	      return $('#room-widget').html();
  	    }
  	  });
  
      $('.other-room-slider .nbs-flexisel-ul').flexisel({
        visibleItems:2
      });
  
  	$('.swatch-wrapper').popover({
  	    html : true,
  	    content: function() {
  			//$('.button-product-info').popover('hide');
  