/**
* jquery-jcflick.js
* マルチデバイス対応(メディアクエリー対応)
* PC, iOS, Android
* 
* @version 0.0.5
* @Author: hiroki ooiwa;
* @Url:    http://hiropo.co.uk
* @Date    2010/10/22
* @Update  2011/09/30
*/

(function(jQuery){
/**============================================================
* global
*/
jQuery.fn.jcflick = function(config)
{
	//引数の初期値を設定（カンマ区切り）
	var defaults = {
		flickContainer: 'flickContainer',
		flickWrapper: 'flickWrapper',
		flickCol: 'flickCol',
		
		autoTimer: 5000
	}
	var options = $.extend( defaults, config );
	
	//一致した要素上で繰り返す
	return this.each(function(i){
		var self = $(this);
		//init
		init( options, self );
	});
}

var init = function( args, self ){
	
	/**------------------------------------------------------------
	* プロパティ
	*/
	var f = (typeof(f) == 'undefined' || !f)? {}: undefined;
	f.p = {
		//フリックするコンテンツの現在のページ値
		//0～
		nowPage: 0,
		
		//フリックエリアトータル横幅
		wrapperWidth: 0,
		
		//フリックする1つあたりのコンテンツ横幅
		colWidth: 0,
		
		//フリックするコンテンツ最大数
		totalLength: 0,
		
		//タッチした瞬間のX座標
		touchPositionX: 0,
		
		//タッチした瞬間のY座標
		touchPositionY: 0,
		
		//実際に移動する距離
		movePosition: 0,
		
		//現在地
		nowPosition: 0,
		
		//進むか戻るかの判定(X軸)
		positionIntX: 0,
		
		//進むか戻るかの判定(Y軸)
		positionIntY: 0,
		
		//フリックイベント判定
		flag: false,
		
		//自動で切り替わるフラグ
		autoChangeFlag: true,
		
		//Timer変数
		Timer: '',
		
		//Android用フリック調整Timer変数
		AndroidTimer: ''
	}
	
	/**------------------------------------------------------------
	* 汎用関数
	*/
	f.singleCol = function(className, self){
		var elm = $('.'+ className, self);
		return elm;
	}
	
	//ua
	f.ua = {
		Android: navigator.userAgent.indexOf('Linux; U; Android ')!=-1,
		Honeycomb: navigator.userAgent.indexOf('HONEYCOMB')!=-1,
		GalaxyTab: navigator.userAgent.indexOf('SC-01C')!=-1,
		iPod: navigator.userAgent.indexOf('iPod')!=-1,
		iPhone: navigator.userAgent.indexOf('iPhone')!=-1,
		iPad: navigator.userAgent.indexOf('iPad')!=-1
	}
	
	/**------------------------------------------------------------
	* args
	*/
	var flickContainer = f.singleCol(args.flickContainer, self);
	var flickWrapper = f.singleCol(args.flickWrapper, self);
	var flickCol = f.singleCol(args.flickCol, self);
	
	flickWrapper.css({ width: flickContainer.width() + 'px' });
	flickCol.css({ width: flickContainer.width() + 'px' });
	
	f.p.nowPage = (typeof(args.flickCur) != 'undefined')? args.flickCur: 0;
	
	/*------------------------------------------------------------
	* Module
	*/
	//iOS
	var flickWrapperCssTranslate3d = function(pos){
		flickWrapper.css({
			webkitTransition: 'all 0.6s',
			webkitTransform: 'translate3d('+ pos +'px, 0, 0)'
		});
	}
	//Android
	var flickWrapperCssTranslate = function(pos){
		flickWrapper.css({
			webkitTransition: 'all 0.6s',
			webkitTransform: 'translate('+ pos +'px, 0)'
		});
	}
	//PC
	var flickWrapperCssPostion = function(pos){
		flickWrapper.stop().animate({
			left: f.p.nowPosition +'px'
		}, 500);
	}
	
	//All
	var flickWrapperMoveAll = function(pos){
		//iPhone, iPad, iPod
		if( f.ua.iPhone || f.ua.iPad || f.ua.iPod ){
			flickWrapperCssTranslate3d(pos);
		}
		//Android
		else if( f.ua.Android ){
			flickWrapperCssTranslate(pos);
		}
		//PC
		else{
			flickWrapperCssPostion(pos);
		}
	}
	
	/**------------------------------------------------------------
	* 初期化
	*/
	f.p.wrapperWidth = (f.p.totalLength = flickCol.length)*(f.p.colWidth = flickCol.width());
	f.p.nowPosition = -(f.p.colWidth * f.p.nowPage);
	
	flickWrapperMoveAll(f.p.nowPosition);
	
	//lamp
	f.flickLamp = function(count){
		var span = $('<span>');
		span.addClass('lamp_def lamp_'+ count);
		span.html('');
		return span
	}
	f.flickLampCol = [];
	if( typeof(args.flickLamp) != 'undefined' ){
		
		//lamp position center
		if( f.ua.iPad ){
			var flickLamp = f.singleCol(args.flickLamp, self).html('').css({
				textAlign: 'center',
				width: flickContainer.width() + 'px'
			});
		}
		else{
			var flickLamp = f.singleCol(args.flickLamp, self).html('').css({
				textAlign: 'center'
			});
		}
		
		//lamp append
		for( var i = 0; i < f.p.totalLength; i++ ){
			f.flickLampCol[i] = new f.flickLamp(i);
			if( i === f.p.nowPage ){
				f.flickLampCol[i].addClass('lamp_cur');
			}
			flickLamp.append( f.flickLampCol[i] );
		}
	}
	
	//option
	var autoChange = false;
	autoChange = (args.autoChange)? args.autoChange: false;
	
	//Timer
	var mintime = args.autoTimer;
	var autoChangeFunc = function(){
		if( f.p.autoChangeFlag ){
			f.p.nowPosition = f.p.movePosition;
			
			if( typeof(args.flickBtn) != 'undefined' ){
				f.flickBtnNext.removeClass('btnFalse').addClass('pointer');
				f.flickBtnBack.removeClass('btnFalse').addClass('pointer');
			}
			
			//進む
			if( f.p.nowPage < f.p.totalLength ){
				if( f.p.nowPage < (f.p.totalLength - 1) ){
					f.p.nowPage++;
					f.p.nowPosition = -(f.p.colWidth * f.p.nowPage);
					
					flickWrapperMoveAll(f.p.nowPosition);
					
					if( typeof(args.flickBtn) != 'undefined' && f.p.nowPage == (f.p.totalLength - 1) ){
						f.flickBtnNext.removeClass('pointer').addClass('btnFalse');
					}
				}
				else if( f.p.nowPage === (f.p.totalLength - 1) ){
					//最小値までフリックした場合、0地点に戻す
					f.p.nowPage = 0;
					f.p.nowPosition = 0;
					
					flickWrapperMoveAll(f.p.nowPosition);
					
					if( typeof(args.flickBtn) != 'undefined' ){
						f.flickBtnBack.removeClass('pointer').addClass('btnFalse');
					}
				}
			}
			if( typeof(args.flickLamp) != 'undefined' && typeof(f.flickLampCol[f.p.nowPage]) != 'undefined' ){
				//lamp削除
				for( var i = 0; i < f.p.totalLength; i++ ){
					f.flickLampCol[i].removeClass('lamp_cur');
				}
				//カレント追加
				f.flickLampCol[f.p.nowPage].addClass('lamp_cur');
			}
		}
	}
	
	var autoWidthChange = function(){
		if( f.p.autoChangeFlag ){
			flickWrapper.css({ width: flickContainer.width() + 'px' });
			flickCol.css({ width: flickContainer.width() + 'px' });
			if( typeof(args.flickBtn) != 'undefined' ){
				flickBtn.css({ width: flickContainer.width() + 'px' });
			}
			f.p.wrapperWidth = (f.p.totalLength = flickCol.length)*(f.p.colWidth = flickCol.width());
			flickWrapper.css({
				width: f.p.wrapperWidth
			});
			f.p.nowPosition = -(f.p.colWidth * f.p.nowPage);
			flickWrapperMoveAll(f.p.nowPosition);
		}
	}
	
	//flickBtn
	f.flickBtn = function(className, value){
		var span = $('<span>');
		span.addClass( 'flick_btn_' + className );
		span.html(value);
		return span;
	}
	//event 進む
	var autoChangeFlagTrue = function(){ f.p.autoChangeFlag = true; }
	
	if( typeof(args.flickBtn) != 'undefined' ){
		//new btn
		var flickBtn = f.singleCol(args.flickBtn, self).html('').css({ width: flickContainer.width() + 'px' });
		var flag = true;
		
		var fbn = (typeof(args.flickBtnNextName) != 'undefined')? args.flickBtnNextName: 'next';
		var fbb = (typeof(args.flickBtnBackName) != 'undefined')? args.flickBtnBackName: 'back';
		
		//append
		f.flickBtnNext = new f.flickBtn('next', fbn);
		f.flickBtnBack = new f.flickBtn('back', fbb);
		if( f.p.nowPage === 0 ){
			f.flickBtnNext.addClass('pointer');
			f.flickBtnBack.addClass('btnFalse');
		}
		else if( f.p.nowPage === (f.p.totalLength - 1) ){
			f.flickBtnNext.addClass('btnFalse');
			f.flickBtnBack.addClass('pointer');
		}
		else{
			f.flickBtnNext.addClass('pointer');
			f.flickBtnBack.addClass('pointer');
		}
		flickBtn.append( f.flickBtnNext );
		flickBtn.append( f.flickBtnBack );
		
		f.flickBtnNext.bind('click', function(){
			f.p.autoChangeFlag = false;
			clearInterval(f.p.Timer);
			clearInterval(f.p.AndroidTimer);
			
			flag = false;
			if( f.p.nowPage < (f.p.totalLength - 1) ){
				f.p.nowPage++;
				f.p.nowPosition = -(f.p.colWidth * f.p.nowPage);
				
				flickWrapperMoveAll(f.p.nowPosition);
				
				f.flickBtnBack.removeClass('btnFalse').addClass('pointer');
				if( f.p.nowPage == (f.p.totalLength - 1) ){
					f.flickBtnNext.removeClass('pointer').addClass('btnFalse');
				}
				if( typeof(args.flickLamp) != 'undefined' && typeof(f.flickLampCol[f.p.nowPage]) != 'undefined' ){
					//lamp削除
					for( var i = 0; i < f.p.totalLength; i++ ){
						f.flickLampCol[i].removeClass('lamp_cur');
					}
					//カレント追加
					f.flickLampCol[f.p.nowPage].addClass('lamp_cur');
				}
			}
			flag = true;
			autoChangeFlagTrue();
			if( autoChange ){
				f.p.Timer = setInterval(autoChangeFunc, mintime);
			}
			f.p.AndroidTimer = setInterval(autoWidthChange, 1000);
		});
		
		//event 戻る
		f.flickBtnBack.bind('click', function(){
			f.p.autoChangeFlag = false;
			clearInterval(f.p.Timer);
			clearInterval(f.p.AndroidTimer);
			
			flag = false;
			if( f.p.nowPage > 0 ){
				f.p.nowPage--;
				f.p.nowPosition = -(f.p.colWidth * f.p.nowPage);
				
				flickWrapperMoveAll(f.p.nowPosition);
				
				f.flickBtnNext.removeClass('btnFalse').addClass('pointer');
				if( f.p.nowPage === 0 ){
					f.flickBtnBack.removeClass('pointer').addClass('btnFalse');
				}
				if( typeof(args.flickLamp) != 'undefined' && typeof(f.flickLampCol[f.p.nowPage]) != 'undefined' ){
					//lamp削除
					for( var i = 0; i < f.p.totalLength; i++ ){
						f.flickLampCol[i].removeClass('lamp_cur');
					}
					//カレント追加
					f.flickLampCol[f.p.nowPage].addClass('lamp_cur');
				}
			}
			flag = true;
			autoChangeFlagTrue();
			if( autoChange ){
				f.p.Timer = setInterval(autoChangeFunc, mintime);
			}
			f.p.AndroidTimer = setInterval(autoWidthChange, 1000);
		});
	}
	var androidua = navigator.userAgent;
	function touchHandler(event){
		if( event.type === 'touchstart' ){
			f.p.autoChangeFlag = false;
			f.p.touchPositionX = event.originalEvent.touches[0].clientX;
			f.p.touchPositionY = event.originalEvent.touches[0].clientY;
			clearInterval(f.p.Timer);
			clearInterval(f.p.AndroidTimer);
		}
		if( event.type === 'touchmove' ){
			f.p.positionIntX = f.p.touchPositionX - event.originalEvent.touches[0].clientX;
			f.p.positionIntY = f.p.touchPositionY - event.originalEvent.touches[0].clientY;
			$('#a').html(f.p.positionIntX);
			if( Math.abs(f.p.positionIntX) > 5 ){
				event.preventDefault();
				f.p.flag = true;
				f.p.movePosition = f.p.nowPosition - f.p.positionIntX;
				
				flickWrapper.css({
					webkitTransition: 'none',
					webkitTransform: 'translate3d('+ f.p.movePosition +'px, 0, 0)'
				});
			}
		}
		if( event.type === 'touchend' ){
			if( f.p.flag ){
				f.p.nowPosition = f.p.movePosition;
				
				if( typeof(args.flickBtn) != 'undefined' ){
					f.flickBtnNext.removeClass('btnFalse').addClass('pointer');
					f.flickBtnBack.removeClass('btnFalse').addClass('pointer');
				}
				
				//進む
				if( f.p.positionIntX > 50 ){
					if( f.p.nowPage < (f.p.totalLength - 1) ){
						f.p.nowPage++;
						f.p.nowPosition = -(f.p.colWidth * f.p.nowPage);
						flickWrapperMoveAll(f.p.nowPosition);
						if( typeof(args.flickBtn) != 'undefined' && f.p.nowPage == (f.p.totalLength - 1) ){
							f.flickBtnNext.removeClass('pointer').addClass('btnFalse');
						}
					}
					else{
						//最大値までフリックした場合、最大値で止まる
						f.p.nowPosition = -(f.p.colWidth * (f.p.totalLength - 1));
						flickWrapperMoveAll(f.p.nowPosition);
						if( typeof(args.flickBtn) != 'undefined' && f.p.nowPage == (f.p.totalLength - 1) ){
							f.flickBtnNext.removeClass('pointer').addClass('btnFalse');
						}
					}
				}
				//戻る
				else if( f.p.positionIntX < -50 ){
					if( f.p.nowPage <= 0 ){
						//最小値までフリックした場合、0地点に戻す
						f.p.nowPage = 0;
						f.p.nowPosition = 0;
						flickWrapperMoveAll(f.p.nowPosition);
						if( typeof(args.flickBtn) != 'undefined' ){
							f.flickBtnBack.removeClass('pointer').addClass('btnFalse');
						}
					}
					else{
						f.p.nowPage--;
						f.p.nowPosition = -(f.p.colWidth * f.p.nowPage);
						flickWrapperMoveAll(f.p.nowPosition);
						if( typeof(args.flickBtn) != 'undefined' && f.p.nowPage === 0 ){
							f.flickBtnBack.removeClass('pointer').addClass('btnFalse');
						}
					}
				}
				else {
					f.p.nowPosition = -(f.p.colWidth * f.p.nowPage);
					flickWrapperMoveAll(f.p.nowPosition);
				}
				if( typeof(args.flickLamp) != 'undefined' && typeof(f.flickLampCol[f.p.nowPage]) != 'undefined' ){
					//lamp削除
					for( var i = 0; i < f.p.totalLength; i++ ){
						f.flickLampCol[i].removeClass('lamp_cur');
					}
					//カレント追加
					f.flickLampCol[f.p.nowPage].addClass('lamp_cur');
				}
				autoChangeFlagTrue();
				if( autoChange ){
					f.p.Timer = setInterval(autoChangeFunc, mintime);
				}
				f.p.AndroidTimer = setInterval(autoWidthChange, 1000);
			}
			f.p.flag = false;
		}
		if( event.type === 'touchcancel' ){
			autoChangeFlagTrue();
			if( autoChange ){
				f.p.Timer = setInterval(autoChangeFunc, mintime);
			}
			f.p.AndroidTimer = setInterval(autoWidthChange, 1000);
		}
	}
	if( !androidua.match(/Android 1\.5/) || !androidua.match(/Android 1\.6/) ){
		flickWrapper.bind('touchstart touchmove touchend touchcancel', touchHandler);
	}
	if( autoChange ){
		f.p.Timer = setInterval(autoChangeFunc, mintime);
	}
	//------------------------------------------------------------
	// どの横幅からでも1秒間1回横幅を取得して再計算させる。
	// これによりどの端末からでもリキッド状態のカルーセルフリックが可能となる。
	//
	f.p.AndroidTimer = setInterval(autoWidthChange, 1000);
}


//============================================================
})(jQuery);