/**
 * 初期処理
 */
Object.extend(Init.prototype, {
    initialize: function(option){
       // this.debug();

        selectedWorksIdx = 0;
        selectedWorksDetailIdx = 0;
        mainEffect();
    }
});

/**
 * 初期時のエフェクト（メイン効果）
 * @return void
 */
function mainEffect(){

    // カテゴリ最後で最初に戻る
    if(selectedWorksIdx == WORKS_LIST.length){
        selectedWorksIdx = 0;
        selectedWorksDetailIdx = 0;
    }

    // 事例メニュー操作
    $('blkWorksMenuTop').select('img').find(function(ele, idx){
        if(selectedWorksIdx == idx){
            selectedWorksDetailIdx = 0;
            clickWorksMenu(idx, ele);
        }
    });

    subEffect();
}

/**
 * 初期時のエフェクト（サブ効果）
 * @return void
 */
function subEffect(){
    if(selectedWorksDetailIdx == $('tblWrksMenu').select('a').size()
            || selectedWorksDetailIdx == WORKS_LIST_MAX){

        selectedWorksIdx++;
        // メインを再呼び出し
        mainEffect();
        return false;
    }

    new ClickWorksDetailMenu(selectedWorksDetailIdx);

    selectedWorksDetailIdx++;

    effectTimer = setTimeout(subEffect, 3500);
}

/**
 * 事例詳細メニュークリック時の処理
 */
Object.extend(ClickWorksDetailMenu.prototype, {
    pageInit: function(ele, idx){
        var data = worksList[selectedWorksIdx];

        // メイン画像のセット
        var imgPath = 'img/top/main/' + data.prefix + '/';
        var imgFileName = data.prefix + '_' + data.categoryList[idx].worksId + '.jpg';

        if(!!$('blkShowImg').down(0)){
            $('blkShowImg').down(0).remove();

        }

        var img = new LoadImage(imgPath,
                      imgFileName,
                      {parent : 'blkShowImg',
                       unique : 'imgMain',
                       height : 300,
                       width  : 625,
                       shadow : 0,
                       frame  : 0,
                       anchor : 'works.html?ctgry=' + selectedWorksIdx + '&worksId=' + idx,
                       header : false,
                       imgTitle : data.categoryList[idx].mainFileTitle
                      });

    }
});

/**
 * トピックス画像クリック時の処理
 * @param imgFileName - 画像ファイル名
 * @param title - 画像のタイトル
 * @param parent - 表示する親エレメント
 * @return - void
 */
function showDetail(imgFileName, title, parent){

    var imgPath = 'img/top/topics/';
    new LoadImage(imgPath,
            imgFileName,
            {parent   : parent,
             idPrefix : 'show',
             unique   : imgFileName,
             top    : 0,
             left   : 0,
             height : 328,
             width  : 500,
             shadow : 4,
             frame  : 6,
             header : true,
             absolute: true,
             draggable: true,
             imgTitle : title,
             imgAlt : title
            });

}