/***************************************************************
    SYSTEM   : ゆりの里公園
    TITLE    : ダイナミックHTMLの定義
    SCRIPT   : script.js
    VERSION  : Ver1.2.8
    LANGUAGE : JavaScript1.3
    CODESET  : UTF-8
    EXPLAIN  : サイト共通の動的操作を定義します。
    AUTHOR   : yap
    CREATED  : 2009/01/10  //as Ver1.2.1
    UPDATED  : 2009/11/26  //as Ver1.2.8
***************************************************************/

//スライドショー用初期値の定義
var strPrefix = 'collection/photo';  //写真のディレクトリ＋接頭辞
var idPhoto   = 'photo';  //写真用ID(HTMLファイル内)
var idNum     = 'numb';   //番号用ID(HTMLファイル内)
var numPhoto  = 16;       //写真枚数(0の時:自動切り替えしない)
var interval  = 5;        //切り替え間隔(秒)
var idx       = 0;        //写真切り替え用カウンタ
var cnt       = 0;        //フェードイン用カウンタ
var timer;                //写真切り替え用タイマー

/***************************************************************
    文字サイズ変更
***************************************************************/
function changeFontSize(obj, size)
{
    document.body.style.fontSize = size;
}

/***************************************************************
    辞書説明変更
***************************************************************/
function changeHelpMess(id, mess)
{
    document.getElementById(id).innerHTML = mess;
}

/***************************************************************
    チェックボックス選択/クリア関数
***************************************************************/
function allChkbox(src, name)
{
    var chk = src.checked;
    var obj = document.form_seek.elements[name + '[]'];
    for (var i = 0; i < obj.length; i++) {obj[i].checked = chk;}
}

/***************************************************************
    スライドショー関数
    flgAuto: 正数=次, 負数=前, 0=停止
***************************************************************/
function slideshow(flgAuto)
{
    //初期値の設定
    clearTimeout(timer);
    if (flgAuto == undefined || isNaN(flgAuto)) {flgAuto = 1;}

    //スライドショーの表示
    if (flgAuto && numPhoto) {
        idx += flgAuto;
        if (idx > numPhoto) {idx = 1;}
        if (idx < 1) {idx = numPhoto;}
        document.getElementById(idNum).innerHTML = idx + '/' + numPhoto;
        document.getElementById(idPhoto).src = strPrefix + ('00' + idx).slice(-2) + '.jpg';
        cnt = 0;
        fadeinImage();
        timer = setTimeout('slideshow()', interval * 1000);
    }
}

/***************************************************************
    画像のフェードイン表示関数
***************************************************************/
function fadeinImage(num) {

    //画像のフェードイン表示
    document.getElementById(idPhoto).style.filter = 'Alpha(opacity=' + cnt + ');';
    document.getElementById(idPhoto).style.opacity = cnt / 100;
    cnt += 5;
    if (cnt < 100) {setTimeout('fadeinImage()', 20);}
}

/***************************************************************
    ページのロード時に実行される関数
***************************************************************/
window.onload = function()
{
    slideshow();  //スライドショー
}