https://dynamitechannel.com/includes/js/jquery.coda-slider-2.0.js

1/*�	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider�	Copyright (c) 2009 Niall Doherty�	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.�*/��$(function(){�	// Remove the coda-slider-no-js class from the body�	$("body").removeClass("coda-slider-no-js");�	// Preloader�	$(".coda-slider").children('.panel').hide().end().prepend('<p class="loading">Loading...<br /><img src="top_img/ajax-loader.gif" alt="loading..." /></p>');�});��var sliderCount = 1;��$.fn.codaSlider = function(settings) {�/* Default�	settings = $.extend({�		autoHeight: true,�		autoHeightEaseDuration: 1000,�		autoHeightEaseFunction: "easeInOutExpo",�		autoSlide: false,�		autoSlideInterval: 7000,�		autoSlideStopWhenClicked: true,�		crossLinking: true,�		dynamicArrows: true,�		dynamicArrowLeftText: "&#171; left",�		dynamicArrowRightText: "right &#187;",�		dynamicTabs: true,�		dynamicTabsAlign: "center",�		dynamicTabsPosition: "top",�		externalTriggerSelector: "a.xtrig",�		firstPanelToLoad: 1,�		panelTitleSelector: "h2.title",�		slideEaseDuration: 1000,�		slideEaseFunction: "easeInOutExpo"�	}, settings);*/�	�	settings = $.extend({�		autoHeight: false,�		autoHeightEaseDuration: 1000,�		autoHeightEaseFunction: "easeInOutExpo",�		autoSlide: true,�		autoSlideInterval: 4000,�		autoSlideStopWhenClicked: false,�		crossLinking: false,�		dynamicArrows: fal

1se,�		dynamicArrowLeftText: "&#171; left",�		dynamicArrowRightText: "right &#187;",�		dynamicTabs: false,�		dynamicTabsAlign: "center",�		dynamicTabsPosition: "top",�		externalTriggerSelector: "a.xtrig",�		firstPanelToLoad: 1,�		panelTitleSelector: "h2.title",�		slideEaseDuration: 1000,�		slideEaseFunction: "easeInOutExpo"�	}, settings);�	�	return this.each(function(){�		�		// Uncomment the line below to test your preloader�		// alert("Testing preloader");�		�		var slider = $(this);�		�		// If we need arrows�		if (settings.dynamicArrows) {�			slider.parent().addClass("arrows");�			slider.before('<div class="coda-nav-left" id="coda-nav-left-' + sliderCount + '"><a href="#">' + settings.dynamicArrowLeftText + '</a></div>');�			slider.after('<div class="coda-nav-right" id="coda-nav-right-' + sliderCount + '"><a href="#">' + settings.dynamicArrowRightText + '</a></div>');�		};�		�		var panelWidth = slider.find(".panel").width();�		var panelCount = slider.find(".panel").size();�		var panelContainerWidth = panelWidth*panelCount;�		var navClicks = 0; // Used if autoSlideStopWhenClicked = true�		�		// Surround the collection of panel divs with a container div (wide enough for all panels to be lined up end-to-e

1nd)�		$('.panel', slider).wrapAll('<div class="panel-container"></div>');�		// Specify the width of the container div (wide enough for all panels to be lined up end-to-end)�		$(".panel-container", slider).css({ width: panelContainerWidth });�		�		// Specify the current panel.�		// If the loaded URL has a hash (cross-linking), we're going to use that hash to give the slider a specific starting position...�		if (settings.crossLinking && location.hash && parseInt(location.hash.slice(1)) <= panelCount) {�			var currentPanel = parseInt(location.hash.slice(1));�			var offset = - (panelWidth*(currentPanel - 1));�			$('.panel-container', slider).css({ marginLeft: offset });�		// If that's not the case, check to see if we're supposed to load a panel other than Panel 1 initially...�		} else if (settings.firstPanelToLoad != 1 && settings.firstPanelToLoad <= panelCount) { �			var currentPanel = settings.firstPanelToLoad;�			var offset = - (panelWidth*(currentPanel - 1));�			$('.panel-container', slider).css({ marginLeft: offset });�		// Otherwise, we'll just set the current panel to 1...�		} else { �			var currentPanel = 1;�		};�			�		// Left arrow click�		$("#coda-nav-left-" + sliderCount + " a").click(function(){�			navClicks++;�			if (currentPanel == 1) {�				offset = - (panelWidth*(panelCount - 1));�				alterPanelHeight(panelCount - 1);�				currentPanel = panelCount;�				slider.siblings('.coda-nav').find('a.current').removeClass('current').parents('ul').find('li:last a').addClass('current');�			} else {�				currentPanel -= 1;�				alterPanelHeight(currentPanel - 1);�				offset = - (panelWidth*(currentPanel - 1));�				slider.siblings('.coda-nav').find('a.current').removeClass('current').parent().prev().find('a').addClass('current');�			};�			$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);�			if (settings.crossLinking) { location.hash = currentPanel }; // Change the URL hash (cross-linking)�			return false;�		});�			�		// Right arrow click�		$('#coda-nav-right-' + sliderCount + ' a').click(function(){�			navClicks++;�			if (currentPanel == panelCount) {�				offset = 0;�				currentPanel = 1;�				alterPanelHeight(0);�				slider.siblings('.coda-nav').find('a.current').removeClass('current').parents('ul').find('a:eq(0)').addClass('current');�			} else {�				offset = - (panelWidth*currentPanel);�				alterPanelHeight(currentPanel);�				currentPanel += 1;�				slider.siblings('.coda-nav').find('a.current').removeClass('current').parent().next().find('a').addClass('current');�			};�			$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);�			if (settings.crossLinking) { location.hash = currentPanel }; // Change the URL hash (cross-linking)�			return false;�		});�		�		// If we need a dynamic menu�		if (settings.dynamicTabs) {�			var dynamicTabs = '<div class="coda-nav" id="coda-nav-' + sliderCount + '"><ul></ul></div>';�			switch (settings.dynamicTabsPosition) {�				case "bottom":�					slider.parent().append(dynamicTabs);�					break;�				default:�					slider.parent().prepend(dynamicTabs);�					break;�			};�			ul = $('#coda-nav-' + sliderCount + ' ul');�			// Create the nav items�			$('.panel', slider).each(function(n) {�				ul.append('<li class="tab' + (n+1) + '"><a href="#' + (n+1) + '">' + $(this).find(settings.panelTitleSelector).text() + '</a></li>');												�			});�			navContainerWidth = slider.width() + slider.siblings('.coda-nav-left').width() + slider.siblings('.coda-nav-right').width();�			ul.parent().css({ width: navContainerWidth });�			switch (settings.dynamicTabsAlign) {�				case "center":�					ul.css({ width: ($("li", ul).width() + 2) * panelCount });�					break;�				case "right":�					ul.css({ float: 'right' });�					break;�			};�		};�			�		// If we need a tabbed nav�		$('#coda-nav-' + sliderCount + ' a').each(function(z) {�			// What happens when a nav link is clicked�			$(this).bind("click", function() {�				navClicks++;�				$(this).addClass('current').parents('ul').find('a').not($(this)).removeClass('current');�				offset = - (panelWidth*z);�				alterPanelHeight(z);�				currentPanel = z + 1;�				$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);�				if (!settings.crossLinking) { return false }; // Don't change the URL hash unless cross-linking is specified�			});�		});�		�		// External triggers (anywhere on the page)�		$(settings.externalTriggerSelector).each(function() {�			// Make sure this only affects the targeted slider�			if (sliderCount == parseInt($(this).attr("rel").slice(12))) {�				$(this).bind("click", function() {�					navClicks++;�					targetPanel = parseInt($(this).attr("href").slice(1));�					offset = - (panelWidth*(targetPanel - 1));�					alterPanelHeight(targetPanel - 1);�					currentPanel = targetPanel;�					// Switch the current tab:�					slider.siblings('.coda-nav').find('a').removeClass('current').parents('ul').find('li:eq(' + (targetPanel - 1) + ') a').addClass('current');�					// Slide�					$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);�					if (!settings.crossLinking) { return false }; // Don't change the URL hash unless cross-linking is specified�				});�			};�		});�			�		// Specify which tab is initially set to "current". Depends on if the loaded URL had a hash or not (cross-linking).�		if (settings.crossLinking && location.hash && parseInt(location.hash.slice(1)) <= panelCount) {�			$("#coda-nav-" + sliderCount + " a:eq(" + (location.hash.slice(1) - 1) + ")").addClass("current");�		// If there's no cross-linking, check to see if we're supposed to load a panel other than Panel 1 initially...�		} else if (settings.firstPanelToLoad != 1 && settings.firstPanelToLoad <= panelCount) {�			$("#coda-nav-" + sliderCount + " a:eq(" + (settings.firstPanelToLoad - 1) + ")").addClass("current");�		// Otherwise we must be loading Panel 1, so make the first tab the current one.�		} else {�			$("#coda-nav-" + sliderCount + " a:eq(0)").addClass("current");�		};�		�		// Set the height of the first panel�		if (settings.autoHeight) {�			panelHeight = $('.panel:eq(' + (currentPanel - 1) + ')', slider).height();�			slider.css({ height: panelHeight });�		};�		�		// Trigger autoSlide�		if (settings.autoSlide) {�			slider.ready(function() {�				setTimeout(autoSlide,settings.autoSlideInterval);�			});�		};�		�		function alterPanelHeight(x) {�			if (settings.autoHeight) {�				panelHeight = $('.panel:eq(' + x + ')', slider).height()�				slider.animate({ height: panelHeight }, settings.autoHeightEaseDuration, settings.autoHeightEaseFunction);�			};�		};

1�		�		function autoSlide() {�			if (navClicks == 0 || !settings.autoSlideStopWhenClicked) {�				if (currentPanel == panelCount) {�					var offset = 0;�					currentPanel = 1;�				} else {�					var offset = - (panelWidth*currentPanel);�					currentPanel += 1;�				};�				alterPanelHeight(currentPanel - 1);�				// Switch the current tab:�				slider.siblings('.coda-nav').find('a').removeClass('current').parents('ul').find('li:eq(' + (currentPanel - 1) + ') a').addClass('current');�				// Slide:�				$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);�				setTimeout(autoSlide,settings.autoSlideInterval);�			};�		};�		�		// Kill the preloader�		$('.panel', slider).show().end().find("p.loading").remove();�		slider.removeClass("preload");�		�		sliderCount++;�		�	});�};