document.write('<style type="text/css">#Contents { visibility: hidden; }<\/style>');
document.write('<div id="Loading"><img src="img/bigWaiting.gif" \/><\/div>');

var ele = document.getElementById("Loading");

var divs_to_fade = new Array('topPhotoStore','Photo01','Photo02','Photo03','Photo04');

var i = 0;

var wait = 4000;

function swapFade() {
	Effect.Fade(divs_to_fade[i], { duration:2, from:1.0, to:0.0 });
	i++;
	if (i == 5) i = 0;
	Effect.Appear(divs_to_fade[i], { duration:2, from:0.0, to:1.0 });
}

window.onload = function() {
	ele.style.display = "none";
	document.getElementById("Contents").style.visibility = 'visible';
}

function showMenu(id) {
	document.getElementById('SecondaryMenu'+id).style.visibility = 'visible';
}
function hideMenu(id) {
	document.getElementById('SecondaryMenu'+id).style.visibility = 'hidden';
}


// クロスフェードするロールオーバー処理
// by KAZUMiX
// http://d.hatena.ne.jp/KAZUMiX/20071017/rollover2

new function(){
    function setRollOver2(){
        if(!document.images){return;}
        var imgs = document.images;
        var insert = [];
        for(var i=0;i<imgs.length;i++){
            var splitname = imgs[i].src.split('_rollout.');
            if((splitname[1])&&(imgs[i].parentNode.tagName=='A')){
                var rolloverImg = document.createElement('img');
                rolloverImg.src = splitname[0]+'_rollover.'+splitname[1];
                var alpha = 0;
                rolloverImg.currentAlpha = alpha;
                rolloverImg.style.opacity = alpha/100;
                rolloverImg.style.filter = 'alpha(opacity='+alpha+')';
                rolloverImg.style.position = 'absolute';

                //ロールオーバー・アウト処理それぞれを設定
                addEvent(rolloverImg,'mouseover',function(){setFader(this,100);});
                addEvent(rolloverImg,'mouseout',function(){setFader(this,0);});

                // 後で追加するために追加場所と共に保存しておく
                // この時点で追加するとdocument.imagesが書き換わって不都合
                insert[insert.length] = {position:imgs[i],element:rolloverImg};
            }
        }
        // ↑で作ったロールオーバー画像を追加
        for(var i=0;i<insert.length;i++){
            var parent = insert[i].position.parentNode;
            parent.insertBefore(insert[i].element,insert[i].position);
        }
    }

    // 指定要素を指定透明度にするためのフェードアニメを設定する関数

    function setFader(targetObj,targetAlpha){
        targetObj.targetAlpha = targetAlpha;
        if(targetObj.currentAlpha==undefined){
            targetObj.currentAlpha = 100;
        }
        if(targetObj.currentAlpha==targetObj.targetAlpha){
            return;
        }
        if(!targetObj.fading){
            if(!targetObj.fader){
                targetObj.fader = fader;
            }
            targetObj.fading = true;
            targetObj.fader();
        }
    }

    // アルファ値をターゲット値に近づける関数
    // ターゲット値になったら終了

    function fader(){
        this.currentAlpha += (this.targetAlpha - this.currentAlpha)*0.2;
        if(Math.abs(this.currentAlpha-this.targetAlpha)<1){
            this.currentAlpha = this.targetAlpha;
            this.fading = false;
        }
        var alpha = parseInt(this.currentAlpha);
        this.style.opacity = alpha/100;
        this.style.filter = 'alpha(opacity='+alpha+')';
        if(this.fading){
            var scope = this;
            setTimeout(function(){fader.apply(scope)},30);
        }
    }

    // イベントを追加する関数

    function addEvent(eventTarget, eventName, func){
        if(eventTarget.addEventListener){
            // モダンブラウザ
            eventTarget.addEventListener(eventName, func, false);
        }else if(window.attachEvent){
            // IE
            eventTarget.attachEvent('on'+eventName, function(){func.apply(eventTarget);});
        }
    }


	// トピックスを表示させる

	function topicsAppear() {
	  new Effect.Appear($("Topics"),{
	    duration :0.7
	  , from:0.0 , to:0.7
	  , queue :{position:'end',scope:'newstopics',limit:1}
	  });
	}


	// イントロダクション
	// ロゴをフェード

	function introductionStart() {

	  new Effect.Appear($("ShopLogo"),{
	    duration:1
	  , from:0.0 , to:1.0
	  , queue:{position:'front',scope:'shoplogo',limit:2}
	  });
	  new Effect.Fade($("ShopLogo"),{
	    duration:0.5
	  , from:1.0 , to:0.0
	  , delay:0.5
	  , queue:{position:'end',scope:'shoplogo',limit:2}
	  , afterFinish: function(){loadContainer();}
	  });
	}

	// イントロダクション
	// メインコンテンツをフェード

	function loadContainer() {
	  new Effect.Appear($("Container"),{
	    duration :1
	  , from:0.0 , to:1.0
	  , queue :{position:'front',scope:'contents',limit:3}
	  });
	  new Effect.Appear($("Navigation"),{
	    duration :1
	  , delay:0.5
	  , queue :{scope:'contents',limit:3}
	  });
	  new Effect.Appear($("SubNavigation"),{
	    duration :1
	  , delay:0.5
	  , queue :{scope:'contents',limit:3}
	  , afterFinish: function(){setRollOver2();}
	  });
	  new Effect.Appear($("TopTxtHawaiian"),{
	    duration :0.5
	  , delay:2
	  , queue :{position:'front',scope:'maintext',limit:4}
	  });
	  new Effect.Appear($("TopTxtIslands"),{
	    duration :0.5
	  , delay:2.5
	  , queue :{scope:'maintext',limit:4}
	  });
	  new Effect.Appear($("topPhotoStore"),{
	    duration :1
	  , delay:3.5
	  , queue :{scope:'maintext',limit:4}
	  , afterFinish: function(){setInterval('swapFade()',wait);}
	  });
	  new Effect.Appear($("GoToCollection"),{
	    duration :0.5
	  , queue :{position:'end',scope:'maintext',limit:4}
	  , afterFinish: function(){topicsAppear();}
	  });
	}

	Event.observe(window, 'load', introductionStart, false);

}

function topicsFade() {
	new Effect.Fade($("Topics"),{
	duration :0.7
	, from:0.7 , to:0.0
	});
}


// 透過させてるセカンダリメニューのためのロールオーバー
// 要prototype.js

conf = {
       className : 'swap',
       postfix : '_on'
};
function setMouseOverImages() {
       $A(document.getElementsByClassName(conf.className)).each(function (node){
               node.onmouseout = changeSrcFunction(node.src);
               node.onmouseover =
			    changeSrcFunction(node.src.replace(/(\.gif|\.jpg|\.png)/, conf.postfix+"$1"));
       });
}
function changeSrcFunction(data){
       return function(){ this.src = data; }
}
Event.observe(window, 'load', setMouseOverImages, false);