//Index BX slider

$(document).ready(function(){
        $('#slider1').bxSlider({
            mode: 'horizontal',                 // 'horizontal', 'vertical', 'fade'
			infiniteLoop: true,                 // true, false - display first slide after last
			hideControlOnEnd: false,            // true, false - if true, will hide 'next' control on last slide and 'prev' control on first
			controls: true,                     // true, false - previous and next controls
			speed: 500,                         // integer - in ms, duration of time slide transitions will occupy
			pager: false,                        // true / false - display a pager
			pagerSelector: null,                // jQuery selector - element to contain the pager. ex: '#pager'
			pagerType: 'full',                  // 'full', 'short' - if 'full' pager displays 1,2,3... if 'short' pager displays 1 / 4
			pagerLocation: 'bottom',            // 'bottom', 'top' - location of pager
			pagerShortSeparator: '/',           // string - ex: 'of' pager would display 1 of 4
			pagerActiveClass: 'pager-active',   // string - classname attached to the active pager link
			nextText: 'next',                   // string - text displayed for 'next' control
			nextImage: '',                      // string - filepath of image used for 'next' control. ex: 'images/next.jpg'
			nextSelector: null,                 // jQuery selector - element to contain the next control. ex: '#next'
			prevText: 'prev',                   // string - text displayed for 'previous' control
			prevImage: '',                      // string - filepath of image used for 'previous' control. ex: 'images/prev.jpg'
			prevSelector: null,                 // jQuery selector - element to contain the previous control. ex: '#next'
			captions: false,                    // true, false - display image captions (reads the image 'title' tag)
			captionsSelector: null,             // jQuery selector - element to contain the captions. ex: '#captions'
			auto: true,                        // true, false - make slideshow change automatically
			autoDirection: 'next',              // 'next', 'prev' - direction in which auto show will traverse
			autoControls: false,                // true, false - show 'start' and 'stop' controls for auto show
			autoControlsSelector: null,         // jQuery selector - element to contain the auto controls. ex: '#auto-controls'
			autoStart: true,                    // true, false - if false show will wait for 'start' control to activate
			autoHover: false,                   // true, false - if true show will pause on mouseover
			pause: 3000,                        // integer - in ms, the duration between each slide transition
			startText: 'start',                 // string - text displayed for 'start' control
			startImage: '',                     // string - filepath of image used for 'start' control. ex: 'images/start.jpg'
			stopText: 'stop',                   // string - text displayed for 'stop' control
			stopImage: '',                      // string - filepath of image used for 'stop' control. ex: 'images/stop.jpg'
			ticker: false,                      // true, false - continuous motion ticker mode (think news ticker)
			                                    // note: autoControls, autoControlsSelector, and autoHover apply to ticker!
			tickerSpeed: 500,                  // integer - has an inverse effect on speed. therefore, a value of 10000 will 
			                                    // scroll very slowly while a value of 50 will scroll very quickly.
			tickerDirection: 'next',            // 'next', 'prev' - direction in which ticker show will traverse
			wrapperClass: 'bx-wrapper',         // string - classname attached to the slider wraper
			startingSlide: 0,                   // integer - show will start on specified slide. note: slides are zero based!
			displaySlideQty: 3,                 // integer - number of slides to display at once
			moveSlideQty: 1,                    // integer - number of slides to move at once
			randomStart: false                  // true, false - if true show will start on a random slide
        });
    });

    
    
//Fancybox image script	
$(document).ready(function() {
			/*
			*   Examples - images
			*/

			$("a#example1").fancybox({
				'titleShow'		: false
			});

			$("a#example2").fancybox({
				'titleShow'		: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic'
			});

			$("a#example3").fancybox({
				'titleShow'		: false,
				'transitionIn'	: 'none',
				'transitionOut'	: 'none'
			});

			$("a#example4").fancybox();

			$("a#example5").fancybox({
				'titlePosition'	: 'inside'
			});

			$("a#example6").fancybox({
				'titlePosition'	: 'over'
			});

			$("a[rel=artificium]").fancybox({
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'titlePosition' 	: 'over',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
				}
			});

			$("a[rel=artificium_press]").fancybox({
				'transitionIn'		: 'elastic',
				'transitionOut'		: 'elastic',
				'titlePosition' 	: 'over',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
				}
			});
			
			/*
			*   Examples - various
			*/

			$("#various1").fancybox({
				'titlePosition'		: 'inside',
				'transitionIn'		: 'none',
				'transitionOut'		: 'none'
			});

			$("#various2").fancybox();

			$("#various3").fancybox({
				'width'				: '75%',
				'height'			: '75%',
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'				: 'iframe'
			});

			$("#various4").fancybox({
				'padding'			: 0,
				'autoScale'			: false,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none'
			});
		});