$(document).ready(function(){

$("#fairTradeLink").hover(function(e){
  var height = $('#fair-trader').height();
  var width = $('#fair-trader').width();
  var leftVal=e.pageX+330-(width/2)+"px";
  var topVal=e.pageY-180-(height/2)+"px";
  $("#fair-trader").css({left:leftVal,top:topVal}).show();
}, function(){
$("#fair-trader").hide();
})

$("#diamondAwardsLink").hover(function(e){
  var height = $('#diamond-award').height();
  var width = $('#diamond-award').width();
  var leftVal=e.pageX+185-(width/2)+"px";
  var topVal=e.pageY-180-(height/2)+"px";
  $("#diamond-award").css({left:leftVal,top:topVal}).show();
}, function(){
$("#diamond-award").hide();
})

$("#roseAwardsLink").hover(function(e){
  var height = $('#rose-awards').height();
  var width = $('#rose-awards').width();
  var leftVal=e.pageX+185-(width/2)+"px";
  var topVal=e.pageY-180-(height/2)+"px";
  $("#rose-awards").css({left:leftVal,top:topVal}).show();
}, function(){
$("#rose-awards").hide();
})

$("#tourismExcellenceLink").hover(function(e){
  var height = $('#tourism-excellence').height();
  var width = $('#tourism-excellence').width();
  var leftVal=e.pageX+185-(width/2)+"px";
  var topVal=e.pageY-180-(height/2)+"px";
  $("#tourism-excellence").css({left:leftVal,top:topVal}).show();
}, function(){
$("#tourism-excellence").hide();
})

});