var messages = new Array();

messages[1] = new Array('1.jpg','Stand 1',"#E9E678", -400);
messages[2] = new Array('2.jpg','Stand 2',"#E9E678", -400);
messages[3] = new Array('3.jpg','Stand 3','#E9E678');
messages[4] = new Array('4.jpg','Stand 4','#E9E678');
messages[5] = new Array('5.jpg','Stand 5',"#E9E678");
messages[6] = new Array('6.jpg','Stand 6',"#E9E678");
messages[7] = new Array('7.jpg','Stand 7','#E9E678');
messages[8] = new Array('8.jpg','Stand 8',"#E9E678");
messages[9] = new Array('9.jpg','Stand 9',"#E9E678");
messages[10] = new Array('10.jpg','Stand 10','#E9E678');
messages[11] = new Array('11.jpg','Stand 11','#E9E678');
messages[12] = new Array('12.jpg','Stand 12',"#E9E678");
messages[13] = new Array('13.jpg','Stand 13',"#E9E678");
messages[14] = new Array('14.jpg','Stand 14',"#E9E678");
messages[15] = new Array('15.jpg','Stand 15','#E9E678');
messages[16] = new Array('16.jpg','Stand 16',"#E9E678");
messages[17] = new Array('17.jpg','Stand 17',"#E9E678");
messages[18] = new Array('18.jpg','Stand 18','#E9E678');
messages[19] = new Array('19.jpg','Stand 19','#E9E678');
messages[20] = new Array('20.jpg','Stand 20',"#E9E678");
messages[21] = new Array('21.jpg','Stand 21',"#E9E678");
messages[22] = new Array('22.jpg','Stand 22',"#E9E678");
messages[23] = new Array('23.jpg','Stand 23',"#E9E678");
messages[24] = new Array('24.jpg','Stand 24',"#E9E678");
messages[25] = new Array('25.jpg','Stand 25','#E9E678');
messages[26] = new Array('26.jpg','Stand 26','#E9E678');
messages[27] = new Array('27.jpg','Stand 27','#E9E678');
messages[28] = new Array('28.jpg','Stand 28','#E9E678');
messages[29] = new Array('29.jpg','Stand 29','#E9E678');
messages[30] = new Array('30.jpg','Stand 30','#E9E678');
messages[31] = new Array('31.jpg','Stand 31','#E9E678', -400);
messages[32] = new Array('32.jpg','Stand 32','#E9E678', -400);
messages[33] = new Array('33.jpg','Stand 33','#E9E678');
messages[34] = new Array('34.jpg','Stand 34','#E9E678');
messages[35] = new Array('35.jpg','Stand 35',"#E9E678");
messages[36] = new Array('36.jpg','Stand 36',"#E9E678");
messages[37] = new Array('37.jpg','Stand 37',"#E9E678");
messages[38] = new Array('38.jpg','Stand 38','#E9E678');
messages[39] = new Array('39.jpg','Stand 39',"#E9E678");
messages[40] = new Array('40.jpg','Stand 40','#E9E678');
messages[41] = new Array('41.jpg','Stand 41',"#E9E678", -400);
messages[42] = new Array('42.jpg','Stand 42',"#E9E678", -400);
messages[43] = new Array('43.jpg','Stand 43',"#E9E678");
messages[44] = new Array('44.jpg','Stand 44',"#E9E678", -400);
messages[45] = new Array('45.jpg','Stand 45',"#E9E678");
messages[46] = new Array('46.jpg','Stand 46',"#E9E678");

messages[47] = new Array('Apple.jpg','',"#E9E678", -400);
messages[48] = new Array('Beer.jpg','',"#E9E678", -400);
messages[49] = new Array('','Picnic Spot',"#E9E678");
messages[50] = new Array('','Delivery gate',"#E9E678");
messages[51] = new Array('Glass.jpg','Picnic spot',"#E9E678", -400);
messages[52] = new Array('IceCream.jpg','Picnic spot',"#E9E678");
messages[53] = new Array('inchanga.jpg','Inchanga',"#E9E678");
messages[54] = new Array('MainGate.jpg','Main gate',"#E9E678");
messages[55] = new Array('martini.jpg','Picnic spot',"#E9E678");
messages[56] = new Array('Modderspruit1.jpg','Modderspruit',"#E9E678");
messages[57] = new Array('Rysmier.jpg','Rysmier dam',"#E9E678", -400);
messages[58] = new Array('waterfall.jpg','Waterfall',"#E9E678");
messages[59] = new Array('wine.jpg','Picnic spot',"#E9E678");

var theImgs = new Array();

// Add tipDiv
$(document).ready(
  function(){
    // Preload
    if (document.images) {
      for (var i=1; i<messages.length; i++) {
        theImgs[i] = new Image();
        theImgs[i].src = messages[i][0];
      }
    }
    // Add tip div
    $('<div id="tipDiv">This is the tip div!</div>').appendTo('body');
    $('#tipDiv').css({position: 'absolute', display: 'none'});
  }
);

function doTooltip(event, index){
  var imageMarkup = messages[index][0] != '' 
    ? '<img src="/files/marulani/farm_map/images/' + messages[index][0] + '">'
    : '';
  var descriptionMarkup = '<div>' + messages[index][1] + '</div>';

  var tipDiv = $('#tipDiv');
  tipDiv.html(imageMarkup + descriptionMarkup);

  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
  }

  if (messages[index][3]) {
    scrOfX = messages[index][3];
  } else {
    scrOfX = 0;
  }

  tipDiv.css({
    left: event.clientX + scrOfX + 'px',
    top: event.clientY + scrOfY + 20 + 'px',
    display: 'block'
  });
}

function hideTip(event, index){
  $('#tipDiv').css('display', 'none');
}