/*
* yuga.js 0.7.1 - 優雅なWeb制作のためのJS
* 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($) {
$(function() {
$.yuga.selflink();
$.yuga.rollover();
$.yuga.externalLink();
$.yuga.scroll();
$.yuga.tab();
});
//---------------------------------------------------------------------
$.yuga = {
// URIを解析したオブジェクトを返すfunction
Uri: function(path){
var self = this;
this.originalPath = path;
//絶対パスを取得
this.absolutePath = (function(){
var e = document.createElement('span');
e.innerHTML = '';
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];
});
}
},
//現在のページと親ディレクトリへのリンク
selflink: function (options) {
var c = $.extend({
selfLinkAreaSelector:'#globalNav',
selfLinkClass:'current',
parentsLinkClass:'parentsLink',
postfix: '_cr',
changeImgSelf:true,
changeImgParents:true
}, options);
$(c.selfLinkAreaSelector+((c.selfLinkAreaSelector)?' ':'')+'a[href]').each(function(){
var href = new $.yuga.Uri(this.getAttribute('href'));
var setImgFlg = false;
if ((href.absolutePath == location.href) && !href.fragment) {
//同じ文書にリンク
$(this).addClass(c.selfLinkClass);
setImgFlg = c.changeImgSelf;
} else if (0 <= location.href.search(href.absolutePath)) {
//親ディレクトリリンク
$(this).addClass(c.parentsLinkClass);
setImgFlg = c.changeImgParents;
}
if (setImgFlg){
//img要素が含まれていたら現在用画像（_cr）に設定
$(this).find('img').each(function(){
this.originalSrc = $(this).attr('src');
this.currentSrc = this.originalSrc.replace(new RegExp('('+c.postfix+')?(\.gif|\.jpg|\.png)$'), c.postfix+"$2");
$(this).attr('src',this.currentSrc);
});
}
});
},
//ロールオーバー
rollover: function(options) {
var c = $.extend({
hoverSelector: '.btn, .allbtn img',
groupSelector: '.btngroup',
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).css("background-image");
$(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);
}
},
//外部リンクは別ウインドウを設定
externalLink: function(options) {
var c = $.extend({
windowOpen:true,
externalClass: 'externalLink',
addIconSrc: ''
}, options);
var uri = new $.yuga.Uri(location.href);
var e = $('a[href^="http://"]').not('a[href^="' + uri.schema + '://' + uri.host + '/' + '"]');
if (c.windowOpen) {
e.click(function(){
window.open(this.href, '_blank');
return false;
});
}
if (c.addIconSrc) e.not(':has(img)').after($('
'));
e.addClass(c.externalClass);
},
//ページ内リンクはするするスクロール
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');
});
}
};
})(jQuery);
/**
* Cookie plugin
*
* Copyright (c) 2006 Klaus Hartl (stilbuero.de)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/
jQuery.cookie = function(name, value, options) {
if (typeof value != 'undefined') { // name and value given, set cookie
options = options || {};
if (value === null) {
value = '';
options.expires = -1;
}
var expires = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
var date;
if (typeof options.expires == 'number') {
date = new Date();
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
} else {
date = options.expires;
}
expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
}
// CAUTION: Needed to parenthesize options.path and options.domain
// in the following expressions, otherwise they evaluate to undefined
// in the packed version for some reason...
var path = options.path ? '; path=' + (options.path) : '';
var domain = options.domain ? '; domain=' + (options.domain) : '';
var secure = options.secure ? '; secure' : '';
document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
} else { // only name given, get cookie
var cookieValue = null;
if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies[i]);
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
};
/*
jQuery Text Resizer plugin.
Author: Mario J Vargas (angstrey at hotmail dot com)
Website: http://angstrey.com/
Documentation: http://angstrey.com/index.php/projects/jquery-text-resizer-plugin/
Version: 1.0
Revision History:
* 2009-09-03: Version 1.0. Initial Release
*/
(function($) {
var DEBUG_MODE = false;
$.fn.textresizer = function( options )
{
if( DEBUG_MODE )
debug( this );
// Stop plugin execution if no matched elements
if( this.size() == 0 )
return;
// Default font sizes based on number of resize buttons.
// "this" refers to current jQuery object
var defaultSizes = buildDefaultFontSizes( this.size() );
// Set up main options before element iteration
var settings = $.extend( { selector: $(this).selector, sizes: defaultSizes, selectedIndex: -1 }, $.fn.textresizer.defaults, options );
// Ensure that the number of defined sizes is suitable
// for number of resize buttons.
if( this.size() > settings.sizes.length )
{
if( DEBUG_MODE )
{
debug(
"ERROR: Number of defined sizes incompatible with number of buttons => elements: " + this.size()
+ "; defined sizes: " + settings.sizes.length
+ "; target: " + settings.target );
}
return; // Stop execution of the plugin
}
loadPreviousState( settings );
// Iterate and bind click event function to each element
return this.each( function( i ) {
var $this = $(this); // Current resize button
var currSizeValue = settings.sizes[ i ]; // Size corresponding to this resize button
// Mark this button as active if necessary
if( settings.selectedIndex == i )
$(this).addClass( "textresizer-active" );
// Apply the font size to target element when its
// corresponding resize button is clicked
$this.bind( "click", { index: i }, function( e ) {
settings.selectedIndex = e.data.index;
applyFontSize( currSizeValue, settings );
saveState( currSizeValue, settings );
markActive( this, settings );
});
});
}
// Default options of textresizer plugin
$.fn.textresizer.defaults = {
type : "fontSize", /* Available options: fontSize, css, cssClass */
target: "body" /* The HTML element to which the new font size will be applied */
};
function applyFontSize( newSize, settings )
{
if( DEBUG_MODE )
debug( [ "target: " + settings.target, "newSize: " + newSize, "type: " + settings.type ].join( ", " ) );
var targetElm = $( settings.target );
switch( settings.type )
{
case "css":
// Apply new inline CSS properties
targetElm.css( newSize );
break;
case "cssClass":
// Remove previously assigned CSS class from
// target element. Iterating through matched
// elements ensures the class is removed
var cssClasses = settings.sizes;
$.each( cssClasses, function( i, value ) {
targetElm.each( function() {
if( $(this).hasClass( value ) )
$(this).removeClass( value );
});
});
// Now apply the new CSS class
targetElm.addClass( newSize );
break;
default:
// Apply new font size
targetElm.css( "font-size", newSize );
break;
}
}
function markActive( sizeButton, settings )
{
// Deactivate previous button
$(settings.selector).removeClass( "textresizer-active" );
// Mark this button as active
$(sizeButton).addClass( "textresizer-active" );
}
function buildCookieID( selector, target, prop )
{
return "JQUERY.TEXTRESIZER[" + selector + "," + target + "]." + prop;
}
function getCookie( selector, target, prop )
{
var id = buildCookieID( selector, target, prop );
var cookieValue = $.cookie( id );
if( $.cookie( id + ".valueType" ) == "dict" && cookieValue )
{
var dict = {};
var dictValues = cookieValue.split( "|" );
for( var i = 0; i < dictValues.length; i++ )
{
// Separate key/value pair and assign to dictionary
var keyValuePair = dictValues[ i ].split( "=" );
dict[ keyValuePair[ 0 ] ] = unescape( keyValuePair[ 1 ] );
}
// Now that the object is finished, return it
return dict;
}
return cookieValue;
}
function setCookie( selector, target, prop, value )
{
var id = buildCookieID( selector, target, prop );
// Cookie expires in 1 year (365 days/year)
var cookieOpts = { expires: 365, path: "/" };
// Serialize value if it's an object
if( typeof( value ) == "object" )
{
// TODO: I think I wrote a JavaScript dictionary object serializer somewhere... Have to find it...
// Store type of value so we can convert it back
// to a dictionary object
$.cookie( id + ".valueType", "dict", cookieOpts );
var dict = value; // (Assigning reference to variable dict for readability)
var dictValues = new Array();
for( var key in dict )
{
dictValues.push( key + "=" + escape( dict[ key ] ) );
}
var serializedVals = dictValues.join( "|" );
$.cookie( id, serializedVals, cookieOpts );
if( DEBUG_MODE )
debug( "In setCookie: Cookie: " + id + ": " + serializedVals );
}
else
{
$.cookie( id, value, cookieOpts );
if( DEBUG_MODE )
debug( "In setCookie: Cookie: " + id + ": " + value );
}
}
function loadPreviousState( settings )
{
// Determine if jquery.cookie is installed
if( $.cookie )
{
if( DEBUG_MODE )
debug( "In loadPreviousState(): jquery.cookie: INSTALLED" );
var selectedIndex = getCookie( settings.selector, settings.target, "selectedIndex" );
if( DEBUG_MODE )
debug( "In loadPreviousState: selectedIndex: " + selectedIndex + "; type: " + typeof(selectedIndex) );
if( selectedIndex )
settings.selectedIndex = selectedIndex;
var prevSize = getCookie( settings.selector, settings.target, "size" );
if( DEBUG_MODE )
debug( "In loadPreviousState: prevSize: " + prevSize + "; type: " + typeof(prevSize) );
if( prevSize )
applyFontSize( prevSize, settings );
}
else
{
if( DEBUG_MODE )
debug( "In loadPreviousState(): jquery.cookie: NOT INSTALLED" );
}
}
function saveState( newSize, settings )
{
// Determine if jquery.cookie is installed
if( $.cookie )
{
if( DEBUG_MODE )
debug( "In saveState(): jquery.cookie: INSTALLED" );
setCookie( settings.selector, settings.target, "size", newSize );
setCookie( settings.selector, settings.target, "selectedIndex", settings.selectedIndex );
}
else
{
if( DEBUG_MODE )
debug( "In saveState(): jquery.cookie: NOT INSTALLED" );
}
}
function debug( $obj )
{
if( window.console && window.console.log )
{
if( typeof( $obj ) == "string" )
window.console.log( "jquery.textresizer => " + $obj );
else // Assumes $obj is jQuery object
window.console.log( "jquery.textresizer => selection count: " + $obj.size() );
}
}
function buildDefaultFontSizes( numElms )
{
var size0 = 8; /* Initial size, measured in pixels */
var mySizes = new Array();
if( DEBUG_MODE )
debug( "In buildDefaultFontSizes: numElms = " + numElms );
if( DEBUG_MODE )
{
for( var i = 0; i < numElms; i++ )
{
// Append elements in increments of 2 units
var value = (size0 + (i * 2)) / 10;
mySizes.push( value + "em" );
if( DEBUG_MODE )
debug( "In buildDefaultFontSizes: mySizes[" + i + "] = " + mySizes[ i ] );
}
}
else
{
for( var i = 0; i < numElms; i++ )
{
// Append elements in increments of 2 units
var value = (size0 + (i * 2)) / 10;
mySizes.push( value + "em" );
}
}
return mySizes;
}
})(jQuery);
/**
* @author Alexandre Magno
* @desc Center a element with jQuery
* @version 1.0
* @example
* $("element").center({
*
* vertical: true,
* horizontal: true
*
* });
* @obs With no arguments, the default is above
* @license free
* @param bool vertical, bool horizontal
* @contribution Paulo Radichi
*
*/
jQuery.fn.center = function(params) {
var options = {
vertical: true,
horizontal: true
}
op = jQuery.extend(options, params);
return this.each(function(){
//initializing variables
var $self = jQuery(this);
//get the dimensions using dimensions plugin
var width = $self.width();
var height = $self.height();
//get the paddings
var paddingTop = isNaN(parseInt($self.css("padding-top"))) ? 0 : parseInt($self.css("padding-top")); var paddingBottom = isNaN(parseInt($self.css("padding-bottom"))) ? 0 : parseInt($self.css("padding-bottom"));
//get the borders
var borderTop = isNaN(parseInt($self.css("border-top-width"))) ? 0 : parseInt($self.css("border-top-width")); var borderBottom = isNaN(parseInt($self.css("border-bottom-width"))) ? 0 : parseInt($self.css("border-bottom-width"));
//get the media of padding and borders
var mediaBorder = (borderTop+borderBottom)/2;
var mediaPadding = (paddingTop+paddingBottom)/2;
//get the type of positioning
var positionType = $self.parent().css("position");
// get the half minus of width and height
var halfWidth = (width/2)*(-1);
var halfHeight = ((height/2)*(-1))-mediaPadding-mediaBorder;
// initializing the css properties
var cssProp = {
position: 'absolute'
};
if(op.vertical) {
cssProp.height = height;
cssProp.top = '50%';
cssProp.marginTop = halfHeight;
}
if(op.horizontal) {
cssProp.width = width;
cssProp.left = '50%';
cssProp.marginLeft = halfWidth;
}
//check the current position
if(positionType == 'static') {
$self.parent().css("position","relative");
}
//aplying the css
$self.css(cssProp);
});
};
// textxsizer Setting
jQuery(document).ready( function() {
$( "#textsizer a" ).textresizer({
target: "body",
type: "fontSize",
sizes: [ "75%", "84%", "100%" ],
selectedIndex: 0
});
$(".center").center();
$("#thumnail img").each(function(){
//繰り返し処理
$("![]()
").attr("src",$(this).attr("src").replace("_thum",""));
});
$("#thumnail img").hover(
function(){// マウスオーバー時
var orgSrc = $("img#target").attr("src");
var changeSrc2 = $(this).attr("src").replace("_thum","");
if( orgSrc != changeSrc2){
$("img#target").fadeOut(250, shutugen);
}
function shutugen() {
$("img#target").fadeIn(300).attr("src",changeSrc2);
}
},
function(){// マウスアウト時
}
);
});