// JavaScript Document
$(document).ready(function(){
						   
//Use jQuery to hide divs

	$('#about').hide();
	$('#commissions').hide();
	$('#contact').hide();
	
//End 'hide divs
						   
	$.fn.qtip.styles.buttonsClick = { // Last part is the name of the style
	   width: 350,
	   background: '#966140',
	   color: 'white',
	   //fontWeight: 'bold',
	   fontFamily: 'Lucida Sans Unicode',
	   fontSize: '12px',
	   textAlign: 'left',
	   border: {
		  width: 5,
		  radius: 5,
		  color: '#532806'
	   },
	   tip: 'bottomMiddle',
	   name: 'dark' // Inherit the rest of the attributes from the preset dark style
	}
	
	$.fn.qtip.styles.about = { // Last part is the name of the style
	   width: 650,
	   background: '#966140',
	   color: 'white',
	   //fontWeight: 'bold',
	   fontSize: '12px',
	   textAlign: 'left',
	   border: {
		  width: 5,
		  radius: 5,
		  color: '#532806'
	   },
	   tip: 'bottomMiddle',
	   name: 'dark' // Inherit the rest of the attributes from the preset dark style
	}
	
	$("li.about").qtip({
	   content: $("#about"),
	   show: 'click',
	   hide:  { 
			effect: { 
			type: 'fade',
			length: 500
			},
			when: { 
			event: 'unfocus' 
			}
	   },
	   style: 'about', // The name of the newly created custom style above
	   position: {
		  corner: {
			 target: 'topMiddle',
			 tooltip: 'bottomMiddle'
		  }
	   }
	});
	
	$("li.commissions").qtip({
	   content: $("#commissions"),
	   show: 'click',
	   hide:  { 
			effect: { 
			type: 'fade',
			length: 500
			},
			when: { 
			event: 'unfocus' 
			}
	   },
	   style: 'buttonsClick', // The name of the newly created custom style above
	   position: {
		  corner: {
			 target: 'topMiddle',
			 tooltip: 'bottomMiddle'
		  }
	   }
	});
	
	$("li.contact").qtip({
	   content: $("#contact"),
	   show: 'click',
	   hide:  { 
			effect: { 
			type: 'fade',
			length: 500
			},
			when: { 
			event: 'unfocus' 
			}
	   },
	   style: 'buttonsClick', // The name of the newly created custom style above
	   position: {
		  corner: {
			 target: 'topMiddle',
			 tooltip: 'bottomMiddle'
		  }
	   }
	});
	
});