/**
 * Plugin Name: jquery.SimpleSlideShow
 * Description: シンプルなスライドショーを実装するjQueryプラグイン
 * Version: 0.7.17
 * Author: Takashi Kitajima
 * Author URI: http://2inc.org
 * Created : September 30, 2011
 * Modified: April 10, 2014
 * License: GPL2
 *
 * Copyright 2014 Takashi Kitajima (email : inc@2inc.org)
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License, version 2, as
 * published by the Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
 *
 * @param string   Type( fade, slide )       切り替えアニメーション
 * @param numeric  duration                  アニメーション時間（ms）
 * @param numeric  interval                  次のアニメーションまでのインターバル（ms）
 * @param bool     showNav                   ナビゲーションの表示
 * @param string   navStyle( string, image ) ナビゲーション種別
 * @param bool     showCaption               キャプションの表示
 * @param bool     showPrevNextNav           前後ナビの表示
 * @param string   prev_text                 前ナビの文字列
 * @param string   next_text                 後ナビの文字列
 * @param bool     autoResize                自動リサイズ実行（常に幅100%）
 * @param function afterMove                 スライド後のコールバック関数
 */
;( function( $ ) {
	$.fn.SimpleSlideShow = function( config ) {
		var defaults = {
			type           : 'fade',
			duration       : 1000,
			interval       : 3000,
			showNav        : false,
			navStyle       : 'string',
			showCaption    : false,
			showPrevNextNav: false,
			prev_text      : '«',
			next_text      : '»',
			autoResize     : false,
			afterMove      : function() {}
		};
		config = $.extend( defaults, config );

		return this.each( function() {
			var canvas = $( this );
			canvas.wrapInner( '<div class="simpleSlideShowWrapper" />' );
			var simpleSlideShow = canvas.find( '.simpleSlideShowWrapper' );
			simpleSlideShow.wrapInner( '<div class="simpleSlideShowInner" />' );
			var simpleSlideShowInner = canvas.find( '.simpleSlideShowInner' );
			var images = simpleSlideShowInner.find( '>img, >a img, >div' );
			var cnt = images.length;
			var timer = null;
			var moving = false;
			var now = 0;
			var clickCount = 0;
			var slideDirection;
			var player = [];
			images.hide();
			if ( config.showCaption === true ) {
				simpleSlideShowInner.after(
					$( '<div class="simpleSlideShowCaptionWrapper" />' )
				);
				var simpleSlideShowCaptionWrapper = canvas.find( '.simpleSlideShowCaptionWrapper' );
			}
			if ( config.showNav === true && images.length > 1 ) {
				canvas.append( '<div class="simpleSlideShowNav" />' );
				var simpleSlideShowNav = canvas.find( '.simpleSlideShowNav' );
			}
			if ( config.showPrevNextNav === true && images.length > 1 ) {
				canvas.append( '<div class="simpleSlideShowPrevNextNav" />' );
				var simpleSlideShowPrevNextNav = canvas.find( '.simpleSlideShowPrevNextNav' );
			}
			simpleSlideShow.addClass( config.type );

			if ( config.autoResize === true ) {
				simpleSlideShow.addClass( 'autoResize' );
				$( window ).resize( function() {
					methods.setSimpleSlideShowInnerSize();
				} );
			}

			$( window ).load( function() {
				var _player = [];
				images.each( function( i, e ) {
					if ( methods.isYoutube( $( e ) ) ) {
						$( e )
							.attr( 'id', 'youtube_' + i )
							.append( '<div id="youtube_iframe_' + i + '" />' );
						_player[i] = $( e );
					}
				} );
				if ( _player.length ) {
					var tag = document.createElement('script');
					tag.src = "//www.youtube.com/iframe_api";
					var firstScriptTag = document.getElementsByTagName('script')[0];
					firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
					window.onYouTubeIframeAPIReady = function() {
						for ( var i in _player ) {
							var id = methods.getYoutubeId( _player[i] );
							player[i] = new YT.Player( 'youtube_iframe_' + i, {
								height: '390',
								width: '640',
								videoId: id
							} );
						};
					}
				}
				if ( typeof simpleSlideShowNav !== 'undefined' ) {
					methods.createSimpleSlideShowNav();
					simpleSlideShowNav.find( 'ul li' ).on( 'click', function() {
						if ( ! $( this ).hasClass( 'cur' ) && moving === false && cnt > 1 ) {
							var key = $( this ).data( 'key' );
							if ( key < now && config.type == 'slide' )
								slideDirection = 'right';
							methods.lotation( key );
						}
					} );
				}
				if ( typeof simpleSlideShowPrevNextNav !== 'undefined' ) {
					methods.createSimpleSlideShowPrevNextNav();
					simpleSlideShowPrevNextNav.find( 'ul li' ).on( 'click', function() {
						if ( moving === false && cnt > 1 ) {
							var key = $( this ).data( 'key' );
							if ( $( this ).hasClass( 'nav_next' ) && config.type == 'slide' )
								slideDirection = 'right';
							methods.lotation( key );
						}
					} );
				}

				canvas.removeClass( '_defaultSize' );
				methods.setSimpleSlideShowInnerSize();
				switch ( config.type ) {
					case 'slide' :
						slideDirection = 'left';
						images.show();
						images.each( function( i, e ) {
							$( e ).css( 'left', -i * simpleSlideShowInner.width() );
						} );
						break;
					case 'fade' :
					default :
						images.eq( 0 ).show();
				}
				methods.start( 1 );
			} );

			var methods = {
				start: function( key ) {
					methods.showCaption( key - 1 );
					methods.setCurrentClass( key - 1 );
					if ( cnt > 1 && config.interval > 0 ) {
						timer = setTimeout( function() {
							methods.lotation( key );
						}, config.interval );
					}
				},
				lotation: function( key ) {
					clearTimeout( timer );
					switch ( config.type ) {
						case 'slide' :
							methods.type.slide( key, slideDirection );
							break;
						case 'fade' :
						default :
							methods.type.fade( key );
					}
					// 再度statを呼びそこでlocationが呼ばれることで処理を繰り返す。
					// ここでstartを呼ぶと、処理が完了していないのに実行されてしまうため
					// 各処理の後に実行されるprocessAfterMove内でstartを呼ぶ。
				},
				type: {
					fade: function( key ) {
						methods.processBeforeMove( key );
						moving = true;
						images.fadeOut( config.duration );
						images.eq( key ).fadeIn( config.duration, function() {
							methods.processAfterMove( key );
						} );
					},
					slide: function( key, direction ) {
						methods.processBeforeMove( key );
						clickCount ++;
						moving = true;
						images.eq( key ).css( 'z-index', clickCount );
						switch ( direction ) {
							case 'left' :
								var position = -simpleSlideShowInner.width();
								var adding = '+=';
								break;
							case 'right' :
								var position = +simpleSlideShowInner.width();
								var adding = '-='
								slideDirection = 'left';
								break;
						}
						images.eq( key ).css( 'left', position );
						images.each( function( i, e ) {
							$( e ).stop( true, true ).animate( {
								'left': adding + simpleSlideShowInner.width()
							}, config.duration, function() {
								// images全て動かすので、1回だけ実行するように
								if ( i === 0 )
									methods.processAfterMove( key );
							} );
						} );
					}
				},
				processBeforeMove: function( key ) {
					if ( typeof simpleSlideShowCaptionWrapper !== 'undefined' ) {
						simpleSlideShowCaptionWrapper.css( 'z-index', clickCount + 2 );
					}
					if ( typeof simpleSlideShowNav !== 'undefined' ) {
						simpleSlideShowNav.css( 'z-index', clickCount + 2 );
					}
					if ( typeof simpleSlideShowPrevNextNav !== 'undefined' ) {
						simpleSlideShowPrevNextNav.css( 'z-index', clickCount + 2 );
					}
				},
				processAfterMove: function( key ) {
					for ( var i in player ) {
						player[i].stopVideo();
					}
					moving = false;
					now = key;
					if ( typeof simpleSlideShowPrevNextNav !== 'undefined' ) {
						methods.setNavPrevKey();
						methods.setNavNextKey();
					}
					config.afterMove();

					key ++;
					var target = key % cnt;
					if ( canvas.data( 'simpleSlideShow:stop' ) !== true ) {
						methods.start( target );
					}
				},
				setNavPrevKey: function( key ) {
					simpleSlideShowPrevNextNav.find( 'ul li.nav_prev' ).data( 'key', ( now + 1 ) % cnt );
				},
				setNavNextKey: function( key ) {
					simpleSlideShowPrevNextNav.find( 'ul li.nav_next' ).data( 'key', now % cnt - 1 );
				},
				setCurrentClass: function( key ) {
					if ( typeof simpleSlideShowNav !== 'undefined' ) {
						simpleSlideShowNav.find( 'ul li' )
							.removeClass( 'cur' )
							.eq( key ).addClass( 'cur' );
					}
				},
				setSimpleSlideShowInnerSize: function() {
					var height = images.eq( 0 ).height();
					var width = images.eq( 0 ).width();
					simpleSlideShowInner.css( {
						height: height,
						width : width
					} );
					var overwidth = 0;
					var left = '';
					if ( canvas.width() < simpleSlideShowInner.width() ) {
						overwidth = simpleSlideShowInner.width() - canvas.width();
						left = -overwidth / 2;
					}
					simpleSlideShowInner.css( {
						left: left
					} );
					simpleSlideShowInner.children( 'div' ).css( {
						height: height,
						width : width
					} );
				},
				showCaption: function( key ) {
					if ( config.showCaption === true ) {
						simpleSlideShowCaptionWrapper.hide();
						var img = images.eq( key );
						var captionhtml = img.data( 'caption' );
						var _caption = '';
						if ( captionhtml ) {
							_caption = $( '#' + captionhtml ).html();
						} else if ( img.attr( 'title' ) ) {
							_caption = img.attr( 'title' );
						} else if ( img.attr( 'alt' ) ) {
							_caption = img.attr( 'alt' );
						}
						if ( _caption ) {
							var caption = $( '<span />' ).append( _caption );
							simpleSlideShowCaptionWrapper.html( caption ).show();
						}
					}
				},
				createSimpleSlideShowNav: function() {
					simpleSlideShowNav.append( $( '<ul />' ) );
					images.each( function( i, e ) {
						if ( config.navStyle == 'string' ) {
							var navhtml = ( i + 1 );
						} else if ( config.navStyle == 'image' ) {
							var src = '';
							var thumbnail = $( e ).data( 'thumbnail' );
							if ( typeof thumbnail !== 'undefined' ) {
								if ( typeof $( '#' + thumbnail ).get( 0 ) !== 'undefined' ) {
									if ( $( '#' + thumbnail ).get( 0 ).nodeName == 'IMG' )
										src = $( '#' + thumbnail ).attr( 'src' );
								}
							}
							if ( !src ) {
								// 画像のとき
								if ( e.nodeName == 'IMG' ) {
									src = simpleSlideShowInner.find( 'img' ).eq( i ).attr( 'src' );
								}
								// 画像以外のとき
								else {
									// youtubeのとき
									if ( methods.isYoutube( $( e ) ) ) {
										var id = methods.getYoutubeId( $( e ) );
										if ( id !== null )
											src = 'http://img.youtube.com/vi/' + id + '/2.jpg';
									} else {
									}
								}
							}
							if ( src ) {
								var navhtml = $( '<img />' ).attr( {
									src: src,
									alt: i + 1
								} );
							}
						}
						if ( typeof navhtml !== 'undefined' ) {
							var nav = $( '<li />' )
									.addClass( 'nav_' + ( i + 1 ) )
									.data( 'key', ( i ) )
									.append( navhtml );
							if ( methods.isYoutube( $( e ) ) )
								nav.addClass( 'nav_youtube' );
							simpleSlideShowNav.find( 'ul' ).append( nav );
							canvas.append( simpleSlideShowNav );
						}
					} );
				},
				createSimpleSlideShowPrevNextNav: function() {
					simpleSlideShowPrevNextNav.append( $( '<ul />' ) );
					var _array = [ 'prev', 'next' ];
					for ( i = 0; i < _array.length; i ++ ) {
						var navhtml = config[_array[i] + '_text'];
						var nav = $( '<li />' )
								.addClass( 'nav_' + _array[i] )
								.append( navhtml );
						simpleSlideShowPrevNextNav.find( 'ul' ).append( nav );
						methods.setNavPrevKey();
						methods.setNavNextKey();
					}
				},
				isYoutube: function( obj ) {
					if ( obj.hasClass( 'youtube' ) && typeof obj.data( 'uri' ) !== 'undefined' )
						return true;
				},
				getYoutubeId: function( obj ) {
					if ( !methods.isYoutube( obj ) )
						return;
					var id = obj.data( 'uri' ).match( /www\.youtube\.com\/watch\?v=([^&#]*)/ );
					if ( id !== null )
						return id[1];
				}
			};

		} );
	};
} )( jQuery );