<!-- Front Page Slider -->

			<script type="text/javascript">

				jQuery(document).ready( function() {

					jQuery('#camera_wrap_1').camera({

					

						alignment			: 'center', //topLeft, topCenter, topRight, centerLeft, center, centerRight, bottomLeft, bottomCenter, bottomRight

		

						autoAdvance			:<?php if(get_theme_mod('_autoadvance') == 'on' ) { echo 'true'; } else{ echo 'false';}?>,	//true, false

						

						mobileAutoAdvance	: true, //true, false. Auto-advancing for mobile devices

						

						barDirection		: 'leftToRight',	//'leftToRight', 'rightToLeft', 'topToBottom', 'bottomToTop'

						

						barPosition			: 'bottom',	//'bottom', 'left', 'top', 'right'

						

						cols				: 6,

						

						easing				: 'easeInOutExpo',	//for the complete list http://jqueryui.com/demos/effect/easing.html

						

						mobileEasing		: '',	//leave empty if you want to display the same easing on mobile devices and on desktop etc.

						

						fx					: '<?php if(get_theme_mod('_effect_select')) { echo get_theme_mod('_effect_select'); } else{ echo 'random';}?>',	//'random','simpleFade', 'curtainTopLeft', 'curtainTopRight', 'curtainBottomLeft', 'curtainBottomRight', 'curtainSliceLeft', 'curtainSliceRight', 'blindCurtainTopLeft', 'blindCurtainTopRight', 'blindCurtainBottomLeft', 'blindCurtainBottomRight', 'blindCurtainSliceBottom', 'blindCurtainSliceTop', 'stampede', 'mosaic', 'mosaicReverse', 'mosaicRandom', 'mosaicSpiral', 'mosaicSpiralReverse', 'topLeftBottomRight', 'bottomRightTopLeft', 'bottomLeftTopRight', 'bottomLeftTopRight'

														//you can also use more than one effect, just separate them with commas: 'simpleFade, scrollRight, scrollBottom'



						mobileFx			: '',	//leave empty if you want to display the same effect on mobile devices and on desktop etc.



						gridDifference		: 250,	//to make the grid blocks slower than the slices, this value must be smaller than transPeriod

						

						height				: '50%',	//here you can type pixels (for instance '300px'), a percentage (relative to the width of the slideshow, for instance '50%') or 'auto'

						

						imagePath			: '',	//he path to the image folder (it serves for the blank.gif, when you want to display videos)

						

						hover				: <?php if(get_theme_mod('_pauseonhover_select', 'on') == 'on') { echo 'true'; } else{ echo 'false';}?>,	//true, false. Puase on state hover. Not available for mobile devices

								

						loader				: 'pie',	//pie, bar, none (even if you choose "pie", old browsers like IE8- can't display it... they will display always a loading bar)

						

						loaderColor			: '#eeeeee', 

						

						loaderBgColor		: '#222222', 

						

						loaderOpacity		: .8,	//0, .1, .2, .3, .4, .5, .6, .7, .8, .9, 1

						

						loaderPadding		: 2,	//how many empty pixels you want to display between the loader and its background

						

						loaderStroke		: 7,	//the thickness both of the pie loader and of the bar loader. Remember: for the pie, the loader thickness must be less than a half of the pie diameter

								

						minHeight			: '200px',	//you can also leave it blank

						

						navigation			: <?php if(get_theme_mod('_navigation_select', 'on') == 'on') { echo 'true'; } else{ echo 'false';}?>,	//true or false, to display or not the navigation buttons

						

						navigationHover		: true,	//if true the navigation button (prev, next and play/stop buttons) will be visible on hover state only, if false they will be visible always

						

						mobileNavHover		: true,	//same as above, but only for mobile devices

						

						opacityOnGrid		: false,	//true, false. Decide to apply a fade effect to blocks and slices: if your slideshow is fullscreen or simply big, I recommend to set it false to have a smoother effect 

						

						overlayer			: true,	//a layer on the images to prevent the users grab them simply by clicking the right button of their mouse (.camera_overlayer)

						

						pagination			: <?php if(get_theme_mod('_paginationv_select', 'on') == 'on') { echo 'true'; } else{ echo 'false';}?>,

						

						playPause			: <?php if(get_theme_mod('_playpause_select', 'on') == 'on') { echo 'true'; } else{ echo 'false';}?>,	//true or false, to display or not the play/pause buttons

						

						pauseOnClick		: true,	//true, false. It stops the slideshow when you click the sliders.

						

						pieDiameter			: 38,

						

						piePosition			: 'rightTop',	//'rightTop', 'leftTop', 'leftBottom', 'rightBottom'

						

						portrait			: false, //true, false. Select true if you don't want that your images are cropped

						

						rows				: 4,

						

						slicedCols			: 12,	//if 0 the same value of cols

						

						slicedRows			: 8,	//if 0 the same value of rows

						

						slideOn				: 'random',	//next, prev, random: decide if the transition effect will be applied to the current (prev) or the next slide


						thumbnails			: <?php if(get_theme_mod('_controlnavthumbs_select', 'on') == 'on') { echo 'true'; } else{ echo 'false'; } ?>,

						

						time				: <?php if(get_theme_mod('_pause_time') != '' ) { echo get_theme_mod('_pause_time'); } else { echo 3000; } ?>,	//milliseconds between the end of the sliding effect and the start of the nex one

						

						transPeriod			: <?php if(get_theme_mod('_animation_speed') != '') { echo get_theme_mod('_animation_speed'); } else { echo 3000; } ?>,	//lenght of the sliding effect in milliseconds

						

				////////callbacks



						onEndTransition		: function() {  },	//this callback is invoked when the transition effect ends



						onLoaded			: function() {  },	//this callback is invoked when the image on a slide has completely loaded

				
						onStartLoading		: function() {  },	//this callback is invoked when the image on a slide start loading				
						onStartTransition	: function() {  }	//this callback is invoked when the transition effect starts
					});

				});

			</script>

		<!-- /Front Page Slider -->
