/*I'm forced to use "jQuery" instead of the shorthand "$" selector due to conflicts with Lightbox*/

$(document).ready(function () {

jQuery("#title").fadeIn(2000);

jQuery('#Pastels img').qtip({content: 'Pastel', position: {corner: {target: 'rightMiddle', tooltip: 'bottomLeft'}}});
jQuery('#Acrylics img').qtip({content: 'Acrylic', position: {corner: {target: 'rightMiddle', tooltip: 'bottomLeft'}}});
jQuery('#MixedMedia img').qtip({content: 'Mixed Media', position: {corner: {target: 'rightMiddle', tooltip: 'bottomLeft'}}});
jQuery('#WaterColours img').qtip({content: 'Water Colour', position: {corner: {target: 'rightMiddle', tooltip: 'bottomLeft'}}});
jQuery('#Oils img').qtip({content: 'Oil', position: {corner: {target: 'rightMiddle', tooltip: 'bottomLeft'}}});
jQuery('#Pencils img').qtip({content: 'Pencil', position: {corner: {target: 'rightMiddle', tooltip: 'bottomLeft'}}});
jQuery('#Glass img').qtip({content: 'Fused Glass', position: {corner: {target: 'rightMiddle', tooltip: 'bottomLeft'}}});

jQuery('#navigation a').hover(
	function(){
		jQuery(this).stop(true, true).animate({ borderTopColor: '#59b4de', borderLeftColor: '#59b4de', borderRightColor: '#59b4de', borderBottomColor: '#59b4de' }, 500);
	},
	function(){
		jQuery(this).stop(true, true).animate({ borderTopColor: '#666', borderLeftColor: '#666', borderRightColor: '#666', borderBottomColor: '#666' }, 500);
	}
	);		




});