$(document).ready(function(){

		// add animation for each hotspot
	//	function blink(){
		//	$(".hotspot").animate({ opacity: 0.2 }, 300 ).delay(400).animate({ opacity: 0.6 }, 300, function(){ blink(); } );
	//	};blink();

		// create bubble popups
		$('.hotspot').CreateBubblePopup({
												innerHtmlStyle: {
																	color:'#FFFFFF', 
																	'text-align':'center',
																	'text-weight' :'bold',
																		width: '150px'
																},
												
												themeName: 	'all-blue',
												themePath: 	'images/jquerybubblepopup-theme'

										});
		
			$('.hotspotsm').CreateBubblePopup({
												innerHtmlStyle: {
																	color:'#FFFFFF', 
																	'text-align':'center',
																	'text-weight' :'bold',
																		width: '150px'
																},
												
												themeName: 	'all-blue',
												themePath: 	'images/jquerybubblepopup-theme'

										});
										
		$('.visiblehotspot').CreateBubblePopup({
												innerHtmlStyle: {
																	color:'#FFFFFF', 
																	'text-align':'center',
																	'text-weight' :'bold',
																		width: '150px'
																},
												
												themeName: 	'all-blue',
												themePath: 	'images/jquerybubblepopup-theme'

										});
		
	
		$('.visiblehotspotsm').CreateBubblePopup({
												innerHtmlStyle: {
																	color:'#FFFFFF', 
																	'text-align':'center',
																	'text-weight' :'bold',
																		width: '150px'
																},
												
												themeName: 	'all-blue',
												themePath: 	'images/jquerybubblepopup-theme'

										});
		
		
		$('#FV_hotspot1').SetBubblePopupInnerHtml('Touch an input to take it to preview, such as a camera, the clip store, or a still store.');
$('#FV_hotspot2').SetBubblePopupInnerHtml('Touch Program to take whatever composition is on preview to air, using a cut transition.');
$('#FV_hotspot3').SetBubblePopupInnerHtml('Touch Preview to take whatever composition is on preview to air, using a fade or effect transition.');
$('#FV_hotspot4').SetBubblePopupInnerHtml('Select the type of transition, either a Mix (fade) or an effect (Fx).  Pick which effect on the PixPad.');
$('#FV_hotspot5').SetBubblePopupInnerHtml('This is the versatile PixPad, which in this case is set to clips.  Touch the clip you want to load it into the clip input.');
$('#FV_hotspot6').SetBubblePopupInnerHtml('Touch to change the PixPad controls to another device, like CG titles, animations, stills or a robotic camera.');
$('#FV_hotspot7').SetBubblePopupInnerHtml('Touch Trans to put a desired key layer on top of preview, as shown here.');
$('#FV_hotspot8').SetBubblePopupInnerHtml('Touch the image in a key layer to put it on top of program, as shown here (in a PiP box).');
$('#FV_hotspot9').SetBubblePopupInnerHtml('To assign a new device to a key layer, touch Assign and then the device you what (like Animations 2 in this case).');
$('#FV_hotspot10').SetBubblePopupInnerHtml('Joystick for positioning robotic cameras or PiP boxes.  Slide the big ball in the direction you want, the more you push the faster it goes. Tap arrowhead to nudge.');
$('#FV_hotspot11').SetBubblePopupInnerHtml('Slide to Zoom camera or PiP box.');
$('#FV_hotspot12').SetBubblePopupInnerHtml('Knob sliders for camera controls, PiP sizing, clip scrubbing, …');
$('#FV_hotspot13').SetBubblePopupInnerHtml('See any incoming files, via watch-folders.');
		
		
		$('#FVN_hotspot1').SetBubblePopupInnerHtml('See cameras and other external sources, plus internal clip, animation and graphic stores.');
		$('#FVN_hotspot2a').SetBubblePopupInnerHtml('See Program, Preview, PowerAux, Clean feed or second M/E on Granite 6000 and 5000.* ');
		$('#FVN_hotspot2b').SetBubblePopupInnerHtml('See Program, Preview, PowerAux, Clean feed or second M/E on Granite 6000 and 5000.* ');
		$('#FVN_hotspot3').SetBubblePopupInnerHtml('See the contents of up to six key layers.');
		$('#FVN_hotspot4a').SetBubblePopupInnerHtml('See file libraries on thumbnails that correspond to the PixPad on the control panel.');
		$('#FVN_hotspot4b').SetBubblePopupInnerHtml('See file libraries on thumbnails that correspond to the PixPad on the control panel.');
		$('#FVN_hotspot5').SetBubblePopupInnerHtml('PixPad views can select camera presets, start a ViewCast live stream or command up to 12 AJA Ki Pro recorders.');
		$('#FVN_hotspot6a').SetBubblePopupInnerHtml('See countdown clocks for each clip and animation, plus time of day clocks.');
		$('#FVN_hotspot6b').SetBubblePopupInnerHtml('See countdown clocks for each clip and animation, plus time of day clocks.');
		$('#FVN_hotspot7').SetBubblePopupInnerHtml('Integrated Harris TitleMotion GS Character Generator, or (on Granite and Mica) the optional Chyron Lyric Pro CG.');
		$('#FVN_hotspot8').SetBubblePopupInnerHtml('Be notified of incoming files from your editing and graphics operators.');
		$('#FVN_hotspot9').SetBubblePopupInnerHtml('Create and fire off dazzling effects, using the industry’s only file-based macro memory system.');
		$('#FVN_hotspot10').SetBubblePopupInnerHtml('Easy chromakey set-up. Just use the eye-dropper to pick up the background color.');
		$('#FVN_hotspot11').SetBubblePopupInnerHtml('Set-up the perfect layout for each show, as every window can be opened, closed, resized, re-colored, and re-aligned.');
		$('#FVN_hotspot12').SetBubblePopupInnerHtml('Layouts can be easily saved and recalled, and are automatically saved as part of the show.');
		$('#FVN_hotspot13').SetBubblePopupInnerHtml('Spread across four monitors*, and replicate any window, like program output.');
});