$(document).ready(function()
{
      $("#sheep").qtip({
	   content: {
          text: 'Doris the Sheep<br>More about me <a href="http://www.oldmacdonaldsfarm.com.au/animals.html#doris">Here</a>'
	   }
	,
	   position: {
		  corner: {
			 target: 'topRight',
			 tooltip: 'bottomLeft'
		  },
        adjust: {
            x: -30, y: 15
        }
	   },
	
	   style: { 
		  /* width: 200,*/
		  width: { min:200,max:500}, 
		  padding: 15,
		  name: 'cream', // Inherit the rest of the attributes from the preset dark style
		  tip: 'bottomLeft'
		   
	   },
	   
	hide: { when: 'mouseout', fixed: true },
    api: {
        onHide: function() {},
          beforeShow: function(){
          	soundManager.play('baa');
          }
        }
		
		
    });
	  
	  $("#cow").qtip({
	   content: {
          text: 'Daffodil the Cow<br>More about me <a href="http://www.oldmacdonaldsfarm.com.au/animals.html#daffodil">Here</a>'
	   }
	,
	   position: {
		  corner: {
			 target: 'topRight',
			 tooltip: 'bottomLeft'
		  },
        adjust: {
            x: -30, y: 15
        }
	   },
	
	   style: { 
		  /* width: 200,*/
		  width: { min:200,max:500}, 
		  padding: 15,
		  name: 'cream', // Inherit the rest of the attributes from the preset dark style
		  tip: 'bottomLeft'
		   
	   },
	   
	hide: { when: 'mouseout', fixed: true },
    api: {
        onHide: function() {},
          beforeShow: function(){
          	soundManager.play('moo');
          }
        }
		
		
    });
	  
	  $("#horse").qtip({
	   content: {
          text: 'Piccy the Horse<br>More about me <a href="http://www.oldmacdonaldsfarm.com.au/animals.html#piccy">Here</a>'
	   }
	,
	   position: {
		  corner: {
			 target: 'topRight',
			 tooltip: 'bottomLeft'
		  },
        adjust: {
            x: -30, y: 15
        }
	   },
	
	   style: { 
		  /* width: 200,*/
		  width: { min:200,max:500}, 
		  padding: 15,
		  name: 'cream', // Inherit the rest of the attributes from the preset dark style
		  tip: 'bottomLeft'
		   
	   },
	   
	hide: { when: 'mouseout', fixed: true },
    api: {
        onHide: function() {},
          beforeShow: function(){
          	soundManager.play('neigh');
          }
        }
		
		
    });
	  
	  $("#dog").qtip({
	   content: {
          text: 'Cody the Farm Dog<br>More about me <a href="http://www.oldmacdonaldsfarm.com.au/animals.html#cody">Here</a>'
	   }
	,
	   position: {
		  corner: {
			 target: 'topRight',
			 tooltip: 'bottomLeft'
		  },
        adjust: {
            x: -30, y: 15
        }
	   },
	
	   style: { 
		  /* width: 200,*/
		  width: { min:200,max:500}, 
		  padding: 15,
		  name: 'cream', // Inherit the rest of the attributes from the preset dark style
		  tip: 'bottomLeft'
		   
	   },
	   
	hide: { when: 'mouseout', fixed: true },
    api: {
        onHide: function() {},
          beforeShow: function(){
          	soundManager.play('bark');
          }
        }
		
		
    });
	  
	   $("#emu").qtip({
	   content: {
          text: 'Ellie the Emu<br>More about me <a href="http://www.oldmacdonaldsfarm.com.au/animals.html#ellie">Here</a>'
	   }
	,
	   position: {
		  corner: {
			 target: 'topRight',
			 tooltip: 'bottomLeft'
		  },
        adjust: {
            x: -30, y: 15
        }
	   },
	
	   style: { 
		  /* width: 200,*/
		  width: { min:200,max:500}, 
		  padding: 15,
		  name: 'cream', // Inherit the rest of the attributes from the preset dark style
		  tip: 'bottomLeft'
		   
	   },
	   
	hide: { when: 'mouseout', fixed: true },
    api: {
        onHide: function() {},
          beforeShow: function(){
          	soundManager.play('emu');
          }
        }
		
		
    });
	   
	    $("#pig").qtip({
	   content: {
          text: 'Polly the Pig<br>More about me <a href="http://www.oldmacdonaldsfarm.com.au/animals.html#polly">Here</a>'
	   }
	,
	   position: {
		  corner: {
			 target: 'topRight',
			 tooltip: 'bottomLeft'
		  },
        adjust: {
            x: -30, y: 15
        }
	   },
	
	   style: { 
		  /* width: 200,*/
		  width: { min:200,max:500}, 
		  padding: 15,
		  name: 'cream', // Inherit the rest of the attributes from the preset dark style
		  tip: 'bottomLeft'
		   
	   },
	   
	hide: { when: 'mouseout', fixed: true },
    api: {
        onHide: function() {},
          beforeShow: function(){
          	soundManager.play('pig');
          }
        }
		
		
    });
		
		
		 $("#kangaroo").qtip({
	   content: {
          text: 'Grace the Kangaroo<br>More about me <a href="http://www.oldmacdonaldsfarm.com.au/animals.html#grace">Here</a>'
	   }
	,
	   position: {
		  corner: {
			 target: 'topRight',
			 tooltip: 'bottomLeft'
		  },
        adjust: {
            x: -30, y: 15
        }
	   },
	
	   style: { 
		  /* width: 200,*/
		  width: { min:200,max:500}, 
		  padding: 15,
		  name: 'cream', // Inherit the rest of the attributes from the preset dark style
		  tip: 'bottomLeft'
		   
	   },
	   
	hide: { when: 'mouseout', fixed: true },
    api: {
        onHide: function() {},
          beforeShow: function(){
          	soundManager.play('skippy');
          }
        }
		
		
		
		
    });
	  
	   $("#kookaburra").qtip({
	   content: {
          text: 'Kookie the Kookaburra<br>More about me <a href="http://www.oldmacdonaldsfarm.com.au/animals.html#kookie">Here</a>'
	   }
	,
	   position: {
		  corner: {
			 target: 'topRight',
			 tooltip: 'bottomLeft'
		  },
        adjust: {
            x: -30, y: 15
        }
	   },
	
	   style: { 
		  /* width: 200,*/
		  width: { min:200,max:500}, 
		  padding: 15,
		  name: 'cream', // Inherit the rest of the attributes from the preset dark style
		  tip: 'bottomLeft'
		   
	   },
	   
	hide: { when: 'mouseout', fixed: true },
    api: {
        onHide: function() {},
          beforeShow: function(){
          	soundManager.play('kook');
          }
        }
		
		
    });
	   
	     $("#chicken").qtip({
	   content: {
          text: 'Chickens are cool!'
	   }
	,
	   position: {
		  corner: {
			 target: 'topRight',
			 tooltip: 'bottomLeft'
		  },
        adjust: {
            x: -30, y: 15
        }
	   },
	
	   style: { 
		  /* width: 200,*/
		  width: { min:200,max:500}, 
		  padding: 15,
		  name: 'cream', // Inherit the rest of the attributes from the preset dark style
		  tip: 'bottomLeft'
		   
	   },
	   
	hide: { when: 'mouseout', fixed: true },
    api: {
        onHide: function() {},
          beforeShow: function(){
          	soundManager.play('cluck');
          }
        }
		
		
    });
		 
		 
		 $("#oldmac").qtip({
	   content: {
          text: 'Hi, my name is Old MacDonald'
	   }
	,
	   position: {
		  corner: {
			 target: 'topRight',
			 tooltip: 'bottomLeft'
		  },
        adjust: {
            x: -30, y: 15
        }
	   },
	
	   style: { 
		  /* width: 200,*/
		  width: { min:200,max:500}, 
		  padding: 15,
		  name: 'cream', // Inherit the rest of the attributes from the preset dark style
		  tip: 'bottomLeft'
		   
	   },
	   
	hide: { when: 'mouseout', fixed: true },
    api: {
        onHide: function() {},
          beforeShow: function(){
          	soundManager.play('harmonica');
          }
        }
		
		
    });
	  
	  
});
