
function ReflectImages(){
	var options = {height: .4, opacity: .5 }; 
	jQuery(".imgReflect").reflect(options)
}

jQuery(document).ready(function(){
	//----- qTip ---------------------------	
	jQuery.fn.qtip.styles.linkStyle = {
		padding: 8,
		background: '#f0f0f0',
		color: '#303030',
		fontFamily: 'Helvetica',
		fontSize: '0.7em',
		textAlign: 'left',
		tip: 'bottomLeft',
		border: {
			width: 3,
			radius: 4,
			color: '#444444'
		}
	}

	var m_parameters = {
		content: { prerender: false, text:  "Click to Open PDF Document"},
		style: 'linkStyle',
		position: { 
			adjust: { x:5, y:-8 },
			corner: { 
				tooltip: 'bottomLeft',
				target: 'topLeft' 
			}
		},
		show: { effect: { length: 100 }},
		hide: { effect: { length: 500 }}
	}
	var m_parameters2 = {
		content: { prerender: false, text:  "Click to Part Details Page"},
		style: 'linkStyle',
		position: {
			adjust: { x:15, y:-5 },
			corner: { 
				tooltip: 'bottomLeft',
				target: 'topLeft' 
			}
		},
		show: { effect: { length: 100 }},
		hide: { effect: { length: 500 }}
	}
	var m_parameters3 = {
		content: { prerender: false, text:  "Click to View the Hero Card."},
		style: 'linkStyle',
		position: {
			adjust: { x:15, y:-5 },
			corner: { 
				tooltip: 'bottomLeft',
				target: 'topLeft' 
			}
		},
		show: { effect: { length: 100 }},
		hide: { effect: { length: 500 }}
	}

	jQuery(".pdf-link").qtip(m_parameters);
	jQuery(".part-link").qtip(m_parameters2);
	jQuery(".hero-card").qtip(m_parameters3);

});

/***********************************************
* Simple Controls Gallery- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
var compgallery = new simpleGallery({
	wrapperid: "simplegallery", 	//ID of main gallery container,
	dimensions: [761, 225], 		//width/height of gallery in pixels. Should reflect dimensions of the images exactly
	imagearray: [
		["../images/CircleTrack/comp-head-img-1.jpg", "", "", ""],
		["../images/CircleTrack/comp-head-img-2.jpg", "", "", ""],
		["../images/CircleTrack/comp-head-img-3.jpg", "", "", ""],
		["../images/CircleTrack/comp-head-img-4.jpg", "", "", ""],
		["../images/CircleTrack/comp-head-img-5.jpg", "", "", ""],
		["../images/CircleTrack/comp-head-img-6.jpg", "", "", ""],
		["../images/CircleTrack/comp-head-img-7.jpg", "", "", ""]						
	],
	autoplay: [true, 3000, 2], 	//[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
	persist: false, 			//remember last viewed slide and recall within same session?
	fadeduration: 1000, 			//transition duration (milliseconds)
	oninit:function(){ 			//event that fires when gallery has initialized/ ready to run
								//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
	},
	onslide:function(curslide, i){ 	//event that fires after each slide is shown
									//Keyword "this": references current gallery instance
									//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
									//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
	}
})


