function ReflectImages(){
	var options = {height: .4, opacity: .5 }; 
	jQuery(".imgReflect").reflect(options)
}
function displayVideo(){
	var strVideoSCR = '<object width="550" height="385"><param name="movie" value="http://www.youtube.com/v/1bqo1TyTCHQ&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/1bqo1TyTCHQ&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="550" height="385"></embed></object>';
	$videoDialog.dialog("open");
	$videoDialog.dialog('option', 'height', '500');
	$videoDialog.html('<div class="inner-video-div">' + strVideoSCR + '</div>');
}

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 }}
	}
	var m_parameters4 = {
		content: { prerender: false, text:  "Click to View Video"},
		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);
	jQuery(".video-link").qtip(m_parameters4);
	
	$videoDialog = jQuery("#videoDialog");
	var m_VideoParameters = {
			autoOpen: false, 
			resizable: true, 
			height: 500,
			width: 600,
			modal: true,
			title: '',
			dialogClass: 'start',
			bgiframe: true,
			closeOnEscape: true,
			draggable: true,
			hide: 'fadeOut(fast)',
			position: ['center', 40],
			focus: null,
			buttons: {
				Close: function () {
					jQuery(this).dialog("close");
				}
			}
		};
	
	$videoDialog.dialog(m_VideoParameters);

});

/***********************************************
* 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-8.jpg", "", "", ""],
		["../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)
	}
})