<div id="cocktail-chooser">
 
<div class="ingredient mint" data-title="mint"><div class="fruit"></div></div>
<div class="ingredient orange" data-title="orange"><div class="fruit"></div></div>
<div class="ingredient peach" data-title="peach"><div class="fruit"></div></div>
<div class="ingredient strawberry" data-title="strawberry"><div class="fruit"></div></div>
<div class="ingredient lime" data-title="lime"><div class="fruit"></div></div>
<div class="ingredient melon" data-title="melon"><div class="fruit"></div></div>
 
</div>
<script type="text/javascript" src="/media/system/js/cocktail.js"> </script>
 
<script type="text/javascript">
dojo.addOnLoad(function() {
  new Cocktail({searchArea : dojo.byId('search-area92')});
});
</script>