/*
	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="images/ajax-loader.gif" alt="loading..." /></p>');
});

var sliderCount = 1;

$.fn.codaSlider = function(settings) {

	settings = $.extend({
		contentsname: 'car',
		autoHeight: true,
		autoHeightEaseDuration: 500,
		autoHeightEaseFunction: "easeOutExpo",
		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: 500,
		slideEaseFunction: "easeOutExpo"
	}, 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-end)
		$('.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;
		};
		
		//ONLY shop page. if it doesn't have less than 3 panels, do not display arrows.
		if(settings.contentsname == 'shop' && panelCount <= 3){
			$('#shop-contents-slide-navi').css('display','none' );
		}
		
		//SHOP
		if(settings.contentsname == 'shop'){
			// Left arrow click
			$("#coda-nav-left-" + sliderCount + " a").click(function(){
				//navClicks++;
				if (currentPanel == 1) {
					if(panelCount % 3 == 0){
						//369
						offset = -  (panelWidth*(panelCount - 3));
						alterPanelHeight(panelCount - 2);
						currentPanel = panelCount;
					}else if((panelCount - 2) % 3 == 0){
						//58
						offset = -  (panelWidth*(panelCount - 2));
						alterPanelHeight(panelCount - 2);
						currentPanel = panelCount;
					}else if((panelCount - 1) % 3 == 0){
						//47
						offset = -  (panelWidth*(panelCount - 1));
						alterPanelHeight(panelCount - 2);
						currentPanel = panelCount;
					}
					//slider.siblings('.coda-nav').find('a.current').removeClass('current').parents('ul').find('li:last a').addClass('current');
				}else{
					if(currentPanel % 3 == 0){
						//369
						currentPanel -= 5;
						alterPanelHeight(currentPanel - 1);
						offset = - (panelWidth*(currentPanel - 1));
					}else if((currentPanel - 2) % 3 == 0){
						//58 OK
						currentPanel -= 4;
						alterPanelHeight(currentPanel - 1);
						offset = - (panelWidth*(currentPanel - 1));
					}else if((currentPanel - 1) % 3 == 0){	
						//47
						currentPanel -= 3;
						alterPanelHeight(currentPanel - 1);
						offset = -(panelWidth*(currentPanel - 1));
					}else{
					}
				};
					//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)
				clearTimeout(timerID_shop);
				timerID_shop = setTimeout(autoSlide,settings.autoSlideInterval);
				
				return false;
			});
		}else if(settings.contentsname == 'shop-parts'){
			$("#coda-nav-left-shop-parts" + " 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)
				clearTimeout(timerID_shop_parts);
				timerID_shop_parts = setTimeout(autoSlide,settings.autoSlideInterval);
				
				return false;
			});
		}else if(settings.contentsname == 'shop-parts-sub'){
			$("#coda-nav-left-shop-parts-sub" + " 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)
				clearTimeout(timerID_shop_parts_sub);
				timerID_shop_parts_sub = setTimeout(autoSlide,settings.autoSlideInterval);
				
				return false;
			});
		}

			
		//SHOP
		if(settings.contentsname == 'shop'){
			// 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 if (currentPanel == panelCount - 2 || currentPanel == panelCount - 1) {
					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+2));
					alterPanelHeight(currentPanel);
					currentPanel += 3;
					//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)
				clearTimeout(timerID_shop);
				timerID_shop = setTimeout(autoSlide,settings.autoSlideInterval);
				
				return false;
			});
		}else if(settings.contentsname == 'shop-parts'){
			$('#coda-nav-right-shop-parts' + ' 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)
				clearTimeout(timerID_shop_parts);
				timerID_shop_parts = setTimeout(autoSlide,settings.autoSlideInterval);
				
				return false;
			});
		}else if(settings.contentsname == 'shop-parts-sub'){
			$('#coda-nav-right-shop-parts-sub' + ' 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)
				clearTimeout(timerID_shop_parts_sub);
				timerID_shop_parts_sub = setTimeout(autoSlide,settings.autoSlideInterval);
				
				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
		if(settings.contentsname == 'newcar_example'){
			$('#coda-nav-' + sliderCount + ' a').each(function(z) {
				// What happens when a nav link is clicked
				$(this).bind("click", function() {
					navClicks++;
					$(this).parent().addClass('current').parents('ul').find('li').not($(this).parent()).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

					return false;
				});
			});
		}else{
			$('#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
					
					if(settings.contentsname == 'newcar'){
						clearTimeout(timerID);
						timerID = setTimeout(autoSlide,settings.autoSlideInterval);
					}
					
					return false;
				});
			});
		}
		
		// 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
				});
			};
		});
		
		if(settings.contentsname == 'newcar_example'){
			// 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) + ")").parent().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) + ")").parent().addClass("current");
			// Otherwise we must be loading Panel 1, so make the first tab the current one.
			} else {
				$("#coda-nav-" + sliderCount + " a:eq(0)").parent().addClass("current");
			};
		}else{
			// 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() {
				if(settings.contentsname == 'shop' && panelCount <= 3){
					timerID_shop = setTimeout(autoSlide,0);
				}else if(settings.contentsname == 'shop-parts'){
					timerID_shop_parts = setTimeout(autoSlide,settings.autoSlideInterval);
				}else if(settings.contentsname == 'shop-parts-sub'){
					timerID_shop_parts_sub = setTimeout(autoSlide,settings.autoSlideInterval);
				}else{
					timerID = setTimeout(autoSlide,settings.autoSlideInterval);
				}
			});
		};
		
		function alterPanelHeight(x) {
			if (settings.autoHeight) {
				panelHeight = $('.panel:eq(' + x + ')', slider).height()
				slider.animate({ height: panelHeight }, settings.autoHeightEaseDuration, settings.autoHeightEaseFunction);
			};
		};
		
		function autoSlide() {
			if(settings.contentsname == 'newcar'){
				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);
				timerID = setTimeout(autoSlide,settings.autoSlideInterval);
				
			}else if(settings.contentsname == 'shop-parts'){
				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);
				timerID_shop_parts = setTimeout(autoSlide,settings.autoSlideInterval);
				
			}else if(settings.contentsname == 'shop-parts-sub'){
				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);
				timerID_shop_parts_sub = setTimeout(autoSlide,settings.autoSlideInterval);
				
			}else if(settings.contentsname == 'shop'){
				if(panelCount >= 4){
					if (navClicks == 0 || !settings.autoSlideStopWhenClicked) {
						if (currentPanel == panelCount) {
							var offset = 0;
							currentPanel = 1;
						} else if (currentPanel == panelCount - 2 || currentPanel == panelCount - 1)  {
							var offset = 0;
							currentPanel = 1;
						} else {
							//var offset = - (panelWidth*currentPanel);
							//currentPanel += 1;
							var offset = - (panelWidth*(currentPanel+2));
							currentPanel += 3;
						};
					};
				}else{
					var offset = panelWidth*(3 - panelCount) / 2;
					//3個なら(panelWidth*0) / 2
					//2個なら(panelWidth*1) / 2
					//1個なら(panelWidth*2) / 2
				}
				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:
				if(panelCount >= 4){
					$('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);
					timerID_shop = setTimeout(autoSlide,settings.autoSlideInterval);
				}else{
					$('.panel-container', slider).css({ marginLeft: offset }, 0, 'swing');
				}
			}
		};
		
		// Kill the preloader
		$('.panel', slider).show().end().find("p.loading").remove();
		slider.removeClass("preload");
		
		sliderCount++;
		
	});
};