/*--------------------------------------------
ファンクションJS
サイト内で利用する汎用的な関数
2008.10
----------------------------------------------*/


// 画像のキャッシュ
try {
document.execCommand('BackgroundImageCache', false, true);
} catch(e) {}


// 基本プランの写真きりかえ
function bpChg(x) {
    $('#alert').hide();
    for(i=0; i<10; i++) {
        $('#detail'+i).hide();
        $('#point'+i).children().css('marginTop','0px');
    }
    $('#detail'+x).show();
    $('#point'+x).children().css('marginTop','-31px');
}


// ズーム
function zoomIn(x) {
    $(x).fadeIn(1000);
}
function zoomOut(x) {
    $(x).fadeOut(1000);
}


// 年を取得
function getY() {
    d = new Date();
    return d.getFullYear();
}


// トップページ オープニング
function startOpen() {
    // Win IEでselectタグを除去
    if(IE) {
        var SELECTs = document.getElementsByTagName ('select');
        for (var i=0; i<SELECTs.length; i++) {
            SELECTs[i].style.display = 'none';
        }
    }
    
    // 白背景をロード
    var offWin = document.createElement('div');
    offWin.id = 'offWin';
    document.body.appendChild(offWin);
    offWin.style.height = getWindowHeight()+'px';
    
    // ステージを用意
    var stage = document.createElement('div');
    stage.id = 'stage';
    document.body.appendChild(stage);

    // オープニング1をロード
    var opn1 = document.createElement('div');
    opn1.id = 'opn1';
    stage.appendChild(opn1);
    opn1.style.display = 'none';

    // オープニング2をロード
    var opn2 = document.createElement('div');
    opn2.id = 'opn2';
    stage.appendChild(opn2);
    opn2.style.display = 'none';

    // オープニング3をロード
    var opn3 = document.createElement('div');
    opn3.id = 'opn3';
    stage.appendChild(opn3);
    opn3.style.display = 'none';

    // スキップボタンをロード
    var skip = document.createElement('a');
    skip.id = 'skip';
    stage.appendChild(skip);
    skip.setAttribute('href','javascript:skip();');
    if(IE) {
        skip.setAttribute('className','img');
    } else {
        skip.setAttribute('class','img');
    }
    
    // コピーをロード
    var copy = document.createElement('div');
    copy.id = 'copy';
    stage.appendChild(copy);
    if(IE) {
        copy.setAttribute('className','en');
    } else {
        copy.setAttribute('class','en');
    }
    copy.innerHTML = 'copyright&copy ANSUI '+getY()+'. All rights reserved.';
    
    // ステージを画面中央に配置
    subWinPos('#stage');
    
    // アニメーションスタート
    $('#opn1').fadeIn(3000, function() {
        $('#dmy').fadeOut(3000, function() {
            $('#opn1').fadeOut(3000);
            $('#opn2').fadeIn(3000, function() {
                $('#dmy').fadeIn(3000, function() {
                    $('#opn2').fadeOut(3000);
                    $('#opn3').fadeIn(3000, function() {
                        $('#dmy').fadeOut(3000, function() {
                            $('#opn3').fadeOut(2000, function() {
                                $('#stage').remove();
                                $('#dmy').show();
                                $('#offWin').fadeOut(1000, topSS());
                            })
                        })
                    })
                })
            })
        })
    });
}


// トップページのスライドショー
function topSS() {
$('#wideFrame').show();
    $('body').css('background','#dcd8bd');
    $('#dmy').fadeOut(3000, function() {
        $('#main1').fadeOut(3000, function() {
            $('#dmy').fadeIn(3000, function() {
                $('#main2').css('zIndex','10');
                $('#main3').css('zIndex','9');
                $('#main1').css('zIndex','8');
                $('#main1').show();
                $('#main2').fadeOut(3000, function() {
                    $('#dmy').fadeOut(3000, function() {
                        $('#main3').css('zIndex','10');
                        $('#main1').css('zIndex','9');
                        $('#main2').css('zIndex','8');
                        $('#main2').show();
                        $('#main3').fadeOut(3000, function() {
                            $('#dmy').fadeIn(3000, function() {
                                $('#main1').css('zIndex','10');
                                $('#main2').css('zIndex','9');
                                $('#main3').css('zIndex','8');
                                $('#main3').show();
                                topSS();
                            })
                        })
                    })
                })
            })
        })
    });
}


// スキップ
function skip() {
    $('#offWin').remove();
    $('#stage').remove();
    $('#dmy').show();
    topSS();
}



// 画面内ウィンドウ
function innerWin(x,id) {
    // 画面オフ
    var offWin = document.createElement('div');
    offWin.id = 'offWin';
    document.body.appendChild (offWin);
    offWin.style.height = getWindowHeight() + 'px';
    offWin.style.display = 'none';
    if (IE) {
        var SELECTs = document.getElementsByTagName('select');
        for (var i=0; i<SELECTs.length; i++) {
            SELECTs[i].style.display = 'none';
        }
    }
    $('#offWin').fadeTo(0, 1, subWin(x,id));
}

// サブ画面表示
function subWin(x,id) {
    var subWin = document.createElement("div");
    subWin.id = "subWin";
    document.body.appendChild (subWin);
    var Html = setInnerHtml (x,id);
    subWin.innerHTML = Html;
    subWinPos ("subWin");
    subWin.style.display = "block";
//    addShadow('subWin');
}

// 画面内画面削除
function innerWinDelete (x) {
    if (x != 'sub') {
        Element.remove($('offWin'));
    }
    Element.remove($('subWin'));
    if (IE) {
        var SELECTs = document.getElementsByTagName ('select');
        for (var i=0; i<SELECTs.length; i++) {
            SELECTs[i].style.display = '';
        }
    }
}

// スクロールを含めたウィンドウの高さを取得
function getWindowHeight () {
    var winH;
    if (window.innerHeight) {
        winH = window.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) {
        winH = document.documentElement.clientHeight;
    } else {
        winH = document.body.clientHeight;
    }
    var scrH;
    if (window.innerHeight && window.scrollMaxY) {
        scrH = window.innerHeight + window.scrollMaxY;
    } else if (document.body.scrollHeight > document.body.offsetHeight) {
        scrH = document.body.scrollHeight;
    } else {
        scrH = document.body.offsetHeight;
    }
    if (winH > scrH) {
        return winH;
    } else {
        return scrH;
    }
}
// ウィンドウ位置決定
function subWinPos(target) {
    var winW;
    if(window.innerWidth) { 
        winW = window.innerWidth;
    } else if(document.documentElement && document.documentElement.clientWidth) {
        winW = document.documentElement.clientWidth;
    } else {
        winW = document.body.clientWidth;
    }
    var winH;
    if(window.innerHeight) {
        winH = window.innerHeight;
    } else if(document.documentElement && document.documentElement.clientHeight) {
        winH = document.documentElement.clientHeight;
    } else {
        winH = document.body.clientHeight;
    }
    var scrT;
    var scrL;
    if(typeof window.pageYOffset != 'undefined') {
        scrL = window.pageYOffset;
    } else if(typeof document.documentElement.scrollTop != 'undefined' && document.documentElement.scrollTop > 0) {
        scrL = document.documentElement.scrollTop;
    } else if(typeof document.body.scrollTop != 'undefined') {
        scrL = document.body.scrollTop;
    }
    scrT = new Array('',scrL);
    
    var mT = (scrT[1] + ((winH - $(target).height()) / 2));
    if(mT < 30) {
        mT = 30;
    }
    var mL = ((winW - $(target).width()) / 2);
    if(mL < 30) {
        mL = 30;
    }
    $(target).css('margin', mT+'px 0px 0px '+mL+'px');
}

/* ONLOAD */
function onLoadFnc(fnc) {
    for(i=0; i<fnc.length; i++) {
        if(window.addEventListener) {
            window.addEventListener("load", eval(fnc[i]), false);
        }
        else if(window.attachEvent) {
            window.attachEvent("onload", eval(fnc[i]));
        }
    }
}