// JavaScript Document


////////////////////////////////////////////////////////////////////////////////
// 初期設定
////////////////////////////////////////////////////////////////////////////////

/*xml
--------------------------------------------------*/
var path='/common/xml/flash.xml';

/*xml「item」以下第１階層配列
--------------------------------------------------*/
xmlTag=new Array('link','thumb');

/*スピード設定
--------------------------------------------------*/
var speedTFD=60;
var speedTFH=200;
var speedTFM=500;
var speedTFL=700;



////////////////////////////////////////////////////////////////////////////////
// xml呼び出し
////////////////////////////////////////////////////////////////////////////////
var bId,mxn,dst,pos=0;

/*
xmlリクエスト jQuery用
----------------------------------------------------------------------*/
function topFlash(f){
	if(!path){
		makeEr();
		return;
	}
	$(function(){
		result=$.ajax({
			type:'get',
			url:path,
			error:function(data){
				makeEr();
			},
			success:function(data){
				topFlashMain(data,f);
			}
		});
	});
}


////////////////////////////////////////////////////////////////////////////////
/// 全体ブロック開閉
////////////////////////////////////////////////////////////////////////////////

function topFlashMain(data,f){
	if(f){
		$('#TOP_FLASH .tFSwf').fadeOut(speedTFH);
		$('#TOP_FLASH .tFBtn').fadeOut(speedTFH);
		var tnItem=$(data).find('item');
		var num=xmlTag.length;
		arr=new Array();
		for(var i=0;i<tnItem.length;i++){
			arr[i]=new Array();
			arr[i][0]=i;
			for(var j=0;j<num;j++){
				arr[i][j+1]=$(tnItem).eq(i).find(xmlTag[j]).text();
			}
		}
		$('#TOP_FLASH').prepend('<div id="FLOAT_TOP_BASE">\n<div id="FLOAT_TOP" onclick="topFlash(0);flashLoad();"></div>\n</div>\n');
		fulHt('FLOAT_TOP_BASE','HEADER');
		fulHt('FLOAT_TOP','HEADER');
		$('#FLOAT_TOP').hide();
		$('#FLOAT_TOP').slideDown(speedTFL);
		$('#ctgryNameSel').hide();
		var src='\n';
		src+='<!--TOP_GRID-->\n';
		src+='<div id="TOP_GRID">\n';
		src+='<p class="tGBtn"><a href="javascript:void(0);" onclick="topFlash(0);">';
		src+='<span class="altT">通常表示に戻る</span></a></p>\n';
		src+='<ul class="tGUl clrF">\n';
		for(var i=0;i<tnItem.length;i++){
			src+='<li class="tGItem">\n';
			src+='<p class="tGLoad"><img src="/common/image/top/load.gif" width="22" height="22" alt="" /></p>\n';
			src+='</li>\n';
		}
		src+='</ul>\n';
		src+='</div><!--/TOP_GRID-->\n';
		setTimeout(function(){
			$('#FLOAT_TOP_BASE').append(src);
			$('#TOP_GRID').hide();
			$('#TOP_GRID').slideDown(speedTFH);
		},speedTFM);
		exclu=new Array();
		for(var i=0;i<tnItem.length;i++){exclu[i]=i;}
		exclu.shuffle();
		setTimeout(function(){
			for(var i=0;i<tnItem.length;i++){
				var j=exclu[i];
				var src='\n';
				src+='<a href="'+arr[j][1]+'"><img src="'+arr[j][2]+'" alt="" width="220" height="255" /></a>\n';
				dspLi(i,src);
			}
		},speedTFM+speedTFH);
	}else{
		$('#TOP_GRID').fadeOut(speedTFM);
		$('#FLOAT_TOP').slideUp(speedTFM);
		setTimeout(function(){
			$('#TOP_FLASH .tFSwf').fadeIn(speedTFH);
			$('#TOP_FLASH .tFBtn').fadeIn(speedTFH);
			$('#ctgryNameSel').show();
			$('#FLOAT_TOP_BASE').remove();
			$('#FLOAT_TOP').remove();
		},speedTFM);
	}
}

/*
li代入
----------------------------------------------------------------------*/
function dspLi(i,src){
	setTimeout(function(){
		$('.tGItem').eq(i).html(src);
	},i*speedTFD);
}

/*
エラーデータ生成
----------------------------------------------------------------------*/
function makeEr(bId){
	var src='読み込みに失敗しました。';
	var bId='#TOP_FLASH';
	outputS(src,bId);
}

/*
データ表示
----------------------------------------------------------------------*/
function outputS(src,bId){
	$(bId).html(src);
}

////////////////////////////////////////////////////////////////////////////////
/// 配列シャッフル処理
////////////////////////////////////////////////////////////////////////////////

Array.prototype.shuffle=function(){
	var i=this.length;
	while(i){
		var j=Math.floor(Math.random()*i);
		var t=this[--i];
		this[i]=this[j];
		this[j]=t;
	}
	return this;
}


////////////////////////////////////////////////////////////////////////////////
/// height100%（マイナスヘッダ）演算
////////////////////////////////////////////////////////////////////////////////

function fulHt(id,id2){
	var idB=document.getElementById(id);
	var idB2=document.getElementById(id2);
	var dB=(document.documentElement&&document.documentElement.clientHeight)?
	document.documentElement:document.body;
	var bH=(document.all&&!window.opera)?dB.clientHeight:window.innerHeight;
	var cH=dB.scrollHeight;
	var cH2=idB2.clientHeight;
	idB.style.height=(cH>bH)?cH-cH2+'px':bH-cH2+'px';
}

/*
////////////////////////////////////////////////////////////////////////////////
/// load flash
////////////////////////////////////////////////////////////////////////////////

$(document).ready(function(){flashLoad();});
function flashLoad(){
	var so = new SWFObject("/common/swf/top.swf", "TOP", "100%", "373", "9", "");
	so.addParam("wmode", "opaque"); 
	so.addVariable("xmlURL", "/common/xml/flash.xml");
	so.write("flashcontent");
}
*/