﻿/*
 * yuga.js 0.7.1
 * Copyright (c) 2009 Kyosuke Nakamura (kyosuke.jp)
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 * Since:     2006-10-30
 * Modified:  2009-01-27
 *
 * jQuery 1.3.1
 */

$(function() {
	DEBUG_FLG		= 1;
	//if( DEBUG_FLG == 1 ){ alert('test'); }	//example of debug code
	
	DEF_FADE_TIME	= 300;	//func.fadeOver fade time(msecond)
	$.koba.fadeOver();
});

//---------------------------------------------------------------------

$.koba = {
	//ロールオーバー
	fadeOver: function(options) {
		var c = $.extend({
			hoverSelector	: '.imgfade, .allfade img',
			groupSelector	: '.fadegroup',
			postfix			: '_ro',
			current			: '_cr'
		}, options);
		
		//ロールオーバーするノードの初期化
		//var rolloverImgs	= $(c.hoverSelector).filter(isNotCurrent);
		var rolloverImgs	= $(c.hoverSelector);
		
		rolloverImgs.each(function(){
			this.originalSrc		= $(this).attr('src');
			this.currentSrc			= this.originalSrc.replace(new RegExp('('+c.current+')?(\.gif|\.jpg|\.png)$'), c.current+"$2");
			this.rolloverSrc		= this.originalSrc.replace(new RegExp('('+c.postfix+')?(\.gif|\.jpg|\.png)$'), c.postfix+"$2");
			this.rolloverImg		= new Image;
			this.rolloverImg.src	= this.rolloverSrc;
			
			var imgWidth			= $(this).width();
			var imgHeight			= $(this).height();
			$(this.rolloverImg).css( { 'width' : imgWidth , 'height' : imgHeight } );
			
			if( this.originalSrc != this.currentSrc ){
				$(this).after( this.rolloverImg ).css( 'position' , 'absolute' );
			}
		});
		//グループ内のimg要素を指定するセレクタ生成
		var groupingImgs	= $(c.groupSelector).find('img').filter(isRolloverImg);
		
		//通常ロールオーバー
		rolloverImgs.not(groupingImgs).hover(function(){
			if( $(this).attr('src') != this.currentSrc ){
				$(this).stop().animate({"opacity": "0"} , DEF_FADE_TIME );
			}
		},function(){
			if( $(this).attr('src') != this.currentSrc ){
				$(this).stop().animate({"opacity": "1"} , DEF_FADE_TIME );
			}
		});
		//グループ化されたロールオーバー
		$(c.groupSelector).hover(function(){
			$(this).find('img').filter(isRolloverImg).each(function(){
				$(this).stop().animate({"opacity": "0"} , DEF_FADE_TIME );
			});
		},function(){
			$(this).find('img').filter(isRolloverImg).each(function(){
				$(this).stop().animate({"opacity": "1"} , DEF_FADE_TIME );
			});
		});
		//フィルタ用function
		function isNotCurrent(i){
			return Boolean(this.currentSrc);
		}
		function isRolloverImg(i){
			return Boolean(this.rolloverSrc);
		}
	}
};


$(function() {
//	$.yuga.rollover();
	$.yuga.scroll();
	$.yuga.tab();
	$.yuga.stripe();
//	$.yuga.css3class();
});

//---------------------------------------------------------------------

$.yuga = {
	// URIを解析したオブジェクトを返すfunction
	Uri: function(path){
		var self = this;
		this.originalPath = path;
		//絶対パスを取得
		this.absolutePath = (function(){
			var e = document.createElement('span');
			e.innerHTML = '<a href="' + path + '" />';
			return e.firstChild.href;
		})();
		//絶対パスを分解
		var fields = {'schema' : 2, 'username' : 5, 'password' : 6, 'host' : 7, 'path' : 9, 'query' : 10, 'fragment' : 11};
		var r = /^((\w+):)?(\/\/)?((\w+):?(\w+)?@)?([^\/\?:]+):?(\d+)?(\/?[^\?#]+)?\??([^#]+)?#?(\w*)/.exec(this.absolutePath);
		for (var field in fields) {
			this[field] = r[fields[field]];
		}
		this.querys = {};
		if(this.query){
			$.each(self.query.split('&'), function(){
				var a = this.split('=');
				if (a.length == 2) self.querys[a[0]] = a[1];
			});
		}
	},
	//ロールオーバー
	rollover: function(options) {
		var c = $.extend({
			hoverSelector: '.imgover, .allimg img',
			groupSelector: '.imggroup',
			postfix: '_on'
		}, options);
		//ロールオーバーするノードの初期化
		var rolloverImgs = $(c.hoverSelector).filter(isNotCurrent);
		rolloverImgs.each(function(){
			this.originalSrc = $(this).attr('src');
			this.rolloverSrc = this.originalSrc.replace(new RegExp('('+c.postfix+')?(\.gif|\.jpg|\.png)$'), c.postfix+"$2");
			this.rolloverImg = new Image;
			this.rolloverImg.src = this.rolloverSrc;
		});
		//グループ内のimg要素を指定するセレクタ生成
		var groupingImgs = $(c.groupSelector).find('img').filter(isRolloverImg);
			//通常ロールオーバー
		rolloverImgs.not(groupingImgs).hover(function(){
			$(this).attr('src',this.rolloverSrc);
		},function(){
			$(this).attr('src',this.originalSrc);
		});
		//グループ化されたロールオーバー
		$(c.groupSelector).hover(function(){
			$(this).find('img').filter(isRolloverImg).each(function(){
				$(this).attr('src',this.rolloverSrc);
			});
		},function(){
			$(this).find('img').filter(isRolloverImg).each(function(){
				$(this).attr('src',this.originalSrc);
			});
		});
		//フィルタ用function
		function isNotCurrent(i){
			return Boolean(!this.currentSrc);
		}
		function isRolloverImg(i){
			return Boolean(this.rolloverSrc);
		}
		},
	//ページ内リンクはするするスクロール
	scroll: function(options) {
		//ドキュメントのスクロールを制御するオブジェクト
		var scroller = (function() {
			var c = $.extend({
				easing:100,
				step:30,
				fps:60,
				fragment:''
			}, options);
			c.ms = Math.floor(1000/c.fps);
			var timerId;
			var param = {
				stepCount:0,
				startY:0,
				endY:0,
				lastY:0
			};
			//スクロール中に実行されるfunction
			function move() {
				if (param.stepCount == c.step) {
					//スクロール終了時
					setFragment(param.hrefdata.absolutePath);
					window.scrollTo(getCurrentX(), param.endY);
				} else if (param.lastY == getCurrentY()) {
					//通常スクロール時
					param.stepCount++;
					window.scrollTo(getCurrentX(), getEasingY());
					param.lastY = getEasingY();
					timerId = setTimeout(move, c.ms); 
				} else {
					//キャンセル発生
					if (getCurrentY()+getViewportHeight() == getDocumentHeight()) {
						//画面下のためスクロール終了
						setFragment(param.hrefdata.absolutePath);
					}
				}
			}
			function setFragment(path){
				location.href = path
			}
			function getCurrentY() {
				return document.body.scrollTop  || document.documentElement.scrollTop;
			}
			function getCurrentX() {
				return document.body.scrollLeft  || document.documentElement.scrollLeft;
			}
			function getDocumentHeight(){
				return document.documentElement.scrollHeight || document.body.scrollHeight;
			}
			function getViewportHeight(){
				return (!$.browser.safari && !$.browser.opera) ? document.documentElement.clientHeight || document.body.clientHeight || document.body.scrollHeight : window.innerHeight;
			}
			function getEasingY() {
				return Math.floor(getEasing(param.startY, param.endY, param.stepCount, c.step, c.easing));
			}
			function getEasing(start, end, stepCount, step, easing) {
				var s = stepCount / step;
				return (end - start) * (s + easing / (100 * Math.PI) * Math.sin(Math.PI * s)) + start;
			}
			return {
				set: function(options) {
					this.stop();
					if (options.startY == undefined) options.startY = getCurrentY();
					param = $.extend(param, options);
					param.lastY = param.startY;
					timerId = setTimeout(move, c.ms); 
				},
				stop: function(){
					clearTimeout(timerId);
					param.stepCount = 0;
				}
			};
		})();
		$('a[href^=#], area[href^=#]').not('a[href=#], area[href=#]').each(function(){
			this.hrefdata = new $.yuga.Uri(this.getAttribute('href'));
		}).click(function(){
			var target = $('#'+this.hrefdata.fragment);
			if (target.length == 0) target = $('a[name='+this.hrefdata.fragment+']');
			if (target.length) {
				scroller.set({
					endY: target.offset().top,
					hrefdata: this.hrefdata
				});
				return false;
			}
		});
	},
	//タブ機能
	tab: function(options) {
		var c = $.extend({
			tabNavSelector:'.tabNav',
			activeTabClass:'active'
		}, options);
		$(c.tabNavSelector).each(function(){
			var tabNavList = $(this).find('a[href^=#], area[href^=#]');
			var tabBodyList;
			tabNavList.each(function(){
				this.hrefdata = new $.yuga.Uri(this.getAttribute('href'));
				var selecter = '#'+this.hrefdata.fragment;
				if (tabBodyList) {
					tabBodyList = tabBodyList.add(selecter);
				} else {
					tabBodyList = $(selecter);
				}
				$(this).unbind('click');
				$(this).click(function(){
					tabNavList.removeClass(c.activeTabClass);
					$(this).addClass(c.activeTabClass);
					tabBodyList.hide();
					$(selecter).show();
					return false;
				});
			});
			tabBodyList.hide()
			tabNavList.filter(':first').trigger('click');
		});
	},
	//奇数、偶数を自動追加
	stripe: function(options) {
		var c = $.extend({
			oddClass:'odd',
			evenClass:'even'
		}, options);
		$('ul, ol').each(function(){
			//JSでは0から数えるのでevenとaddを逆に指定
			$(this).children('li:odd').addClass(c.evenClass);
			$(this).children('li:even').addClass(c.oddClass);
		});
		$('table, tbody').each(function(){
			$(this).children('tr:odd').addClass(c.evenClass);
			$(this).children('tr:even').addClass(c.oddClass);
		});
	},
	//css3のクラスを追加
	css3class: function() {
		//:first-child, :last-childをクラスとして追加
		$('body :first-child').addClass('firstChild');
		$('body :last-child').addClass('lastChild');
		//css3の:emptyをクラスとして追加
		$('body :empty').addClass('empty');
	}
};


