// JavaScript Document
$(function(){
	$('.color-h').qtip({
		content: 'This diamond is a member of the near colorless category (G,H,I,J color grades).  It will show small amounts of color from the backside of the diamond and this color is slightly detectable to the eye. An "H" color diamond "Faces" clear and white when viewed through the front or top of the diamond.',
		show: 'mouseover',
		hide: 'mouseout',			
		style: {			
			name:'light',
			tip: 'leftMiddle',
			textAlign: 'left'
		},
		position: {
			corner: {
				target: 'rightMiddle',
				tooltip: 'leftMiddle'
			}
		}		
	});
	$('.color-g').qtip({
		content: 'This diamond is a member of the near colorless category (G,H,I,J color grades).  It will show very small amounts of color from the backside of the diamond and this color is barely detectable to the untrained eye. A "G" color diamond "Faces" very clear and white when viewed through the front or top of the diamond.',
		show: 'mouseover',
		hide: 'mouseout',			
		style: {			
			name:'light',
			tip: 'leftMiddle',
			textAlign: 'left'
		},
		position: {
			corner: {
				target: 'rightMiddle',
				tooltip: 'leftMiddle'
			}
		}		
	});
	$('.grade-vs2').qtip({
		content: 'This diamond has a Very Slightly Included clarity grade.  This means that under 10x\'s magnification the diamond will usually have only one to three tiny inclusions.  The sizes of these inclusions are normally very small in nature and very difficult to find under magnification.',
		show: 'mouseover',
		hide: 'mouseout',			
		style: {			
			name:'light',
			tip: 'leftMiddle',
			textAlign: 'left'
		},
		position: {
			corner: {
				target: 'rightMiddle',
				tooltip: 'leftMiddle'
			}
		}		
	});
	$('.grade-si2').qtip({
		content: 'This diamond has a Slightly Included clarity grade.  This means that under 10x\'s magnification the diamond will usually have several inclusions that can be seen somewhat easily.  The inclusions are almost never seen to the naked eye, however sometimes you can just barely pick them up with unaided eye.',
		show: 'mouseover',
		hide: 'mouseout',			
		style: {			
			name:'light',
			tip: 'leftMiddle',
			textAlign: 'left'
		},
		position: {
			corner: {
				target: 'rightMiddle',
				tooltip: 'leftMiddle'
			}
		}		
	});
	
});