$(document).ready(function() {
        
$('#example-1-content').hide();
$('#example1').bt({
  trigger: ['mouseover', 'mouseout'],
  contentSelector: "$('#example-1-content').html()", /*get text of inner content of hidden div*/
  width: 280,
  fill: '#F7F7F7',
  strokeStyle: '#B7B7B7',  
  spikeLength: 10,
  spikeGirth: 10,
  padding: 20,
  cornerRadius: 15,
  cssStyles: {
    fontFamily: '"lucida grande",tahoma,verdana,arial,sans-serif', 
    fontSize: '13px'
  }
});


$('#example-2-content').hide();
$('#example2').bt({
  trigger: ['mouseover', 'mouseout'],
  contentSelector: "$('#example-2-content').html()", /*get text of inner content of hidden div*/
  width: 280,
  fill: '#F7F7F7',
  strokeStyle: '#B7B7B7',  
  spikeLength: 10,
  spikeGirth: 10,
  padding: 20,
  cornerRadius: 15,
  cssStyles: {
    fontFamily: '"lucida grande",tahoma,verdana,arial,sans-serif', 
    fontSize: '13px'
  }
});

$('#example-3-content').hide();
$('#example3').bt({
  trigger: ['mouseover', 'mouseout'],
  contentSelector: "$('#example-3-content').html()", /*get text of inner content of hidden div*/
  width: 280,
  fill: '#F7F7F7',
  strokeStyle: '#B7B7B7',  
  spikeLength: 10,
  spikeGirth: 10,
  padding: 20,
  cornerRadius: 15,
  cssStyles: {
    fontFamily: '"lucida grande",tahoma,verdana,arial,sans-serif', 
    fontSize: '13px'
  }
});

$('#example-4-content').hide();
$('#example4').bt({
  trigger: ['mouseover', 'mouseout'],
  contentSelector: "$('#example-4-content').html()", /*get text of inner content of hidden div*/
  width: 280,
  fill: '#F7F7F7',
  strokeStyle: '#B7B7B7',  
  spikeLength: 10,
  spikeGirth: 10,
  padding: 20,
  cornerRadius: 15,
  cssStyles: {
    fontFamily: '"lucida grande",tahoma,verdana,arial,sans-serif', 
    fontSize: '13px'
  }
});

$('#example-5-content').hide();
$('#example5').bt({
  trigger: ['mouseover', 'mouseout'],
  contentSelector: "$('#example-5-content').html()", /*get text of inner content of hidden div*/
  width: 280,
  fill: '#F7F7F7',
  strokeStyle: '#B7B7B7',  
  spikeLength: 10,
  spikeGirth: 10,
  positions: ['bottom'],
  padding: 20,
  cornerRadius: 15,
  cssStyles: {
    fontFamily: '"lucida grande",tahoma,verdana,arial,sans-serif', 
    fontSize: '13px'
  }
});

$('#example-6-content').hide();
$('#example6').bt({
  trigger: ['mouseover', 'mouseout'],
  contentSelector: "$('#example-6-content').html()", /*get text of inner content of hidden div*/
  width: 280,
  fill: '#F7F7F7',
  strokeStyle: '#B7B7B7',  
  spikeLength: 10,
  spikeGirth: 10,
  positions: ['bottom'],
  padding: 20,
  cornerRadius: 15,
  cssStyles: {
    fontFamily: '"lucida grande",tahoma,verdana,arial,sans-serif', 
    fontSize: '13px'
  }
});

$('#example-7-content').hide();
$('#example7').bt({
  trigger: ['mouseover', 'mouseout'],
  contentSelector: "$('#example-7-content').html()", /*get text of inner content of hidden div*/
  width: 280,
  fill: '#F7F7F7',
  strokeStyle: '#B7B7B7',  
  spikeLength: 10,
  spikeGirth: 10,
  positions: ['bottom'],
  padding: 20,
  cornerRadius: 15,
  cssStyles: {
    fontFamily: '"lucida grande",tahoma,verdana,arial,sans-serif', 
    fontSize: '13px'
  }
});

$('#example-8-content').hide();
$('#example8').bt({
  trigger: ['mouseover', 'mouseout'],
  contentSelector: "$('#example-8-content').html()", /*get text of inner content of hidden div*/
  width: 280,
  fill: '#F7F7F7',
  strokeStyle: '#B7B7B7',  
  spikeLength: 10,
  spikeGirth: 10,
  positions: ['left'],
  padding: 20,
  cornerRadius: 15,
  cssStyles: {
    fontFamily: '"lucida grande",tahoma,verdana,arial,sans-serif', 
    fontSize: '13px'
  }
});

$('#example-9-content').hide();
$('#example9').bt({
  trigger: ['mouseover', 'mouseout'],
  contentSelector: "$('#example-9-content').html()", /*get text of inner content of hidden div*/
  width: 280,
  fill: '#F7F7F7',
  strokeStyle: '#B7B7B7',  
  spikeLength: 10,
  spikeGirth: 10,
  positions: ['left'],
  padding: 20,
  cornerRadius: 15,
  cssStyles: {
    fontFamily: '"lucida grande",tahoma,verdana,arial,sans-serif', 
    fontSize: '13px'
  }
});

$('#example-10-content').hide();
$('#example10').bt({
  trigger: ['mouseover', 'mouseout'],
  contentSelector: "$('#example-10-content').html()", /*get text of inner content of hidden div*/
  width: 280,
  fill: '#F7F7F7',
  strokeStyle: '#B7B7B7',  
  spikeLength: 10,
  spikeGirth: 10,
  positions: ['left'],
  padding: 20,
  cornerRadius: 15,
  cssStyles: {
    fontFamily: '"lucida grande",tahoma,verdana,arial,sans-serif', 
    fontSize: '13px'
  }
});

         });