$(document).ready(function() {

    $('#navigation a[tooltipId]').each(function() {
        thisDiv = "#" + $(this).attr('tooltipId');
        myText = $(thisDiv).html();
        $(this).qtip({ 
            content: myText,
            show: 'mouseover',
            hide: 'mouseout',
            position: {
                corner: {
                    target: 'topMiddle',
                    tooltip: 'bottomMiddle'
                }
            },
        style: { 
      		width: 400,
      		background: '#ffffff',
      		color: 'black',
      		textAlign: 'left',
      		border: {
        		width: 2,
         		radius: 5,
         		color: '#b8b7b6'
     		 },
      		tip: 'bottomMiddle'
      		
  		 }

        });
    });

});	

$(document).ready(function() {

    $('.courses a[tooltipId]').each(function() {
        thisDiv = "#" + $(this).attr('tooltipId');
        myText = $(thisDiv).html();
        $(this).qtip({ 
            content: myText,
            show: 'mouseover',
            hide: 'mouseout',
            position: {
                corner: {
                    target: 'rightMiddle',
                    tooltip: 'leftMiddle'
                }
            },
        style: { 
      		width: 200,
      		background: '#ffffff',
      		color: 'black',
      		textAlign: 'left',
      		border: {
        		width: 2,
         		radius: 5,
         		color: '#b8b7b6'
     		 },
      		tip: 'leftMiddle'
      		
  		 }

        });
    });

});