﻿
var bannerTimer;
var bannerCount=0;

function checkTestNoFlash(){
	
	var param=window.location.search;
	if(param==""){
		return true;
	}
	
	param=param.substring(1,param.length);
	param=param.parseQuery();
	
	if(!param['noFlash']){
		return true;
	}else if(param['noFlash']=="1"){
		return false;
	}else{
		return true;
	}
		
}


function getInitBannerXML(){
	var api='top/swf/data.xml';


	var msec = (new Date()).getTime();

	new Ajax.Request(api, { method: "get", asynchronous:false,
	parameters: {'msec':msec},
	onSuccess:function(httpObj){
			initBanner(httpObj);
		},
	onFailure:function(httpObj){
		}
	});
	
}



function initBanner(httpObj){
	Element.show('bannerHTML');
	
	var xml=httpObj.responseXML;
	
	var i;
	
	var newBanner="";
	var newBannerNavi="";
	
	var imgArray=new Array();
	var newImgArray=new Array();
	
	for(i=0; i<3; i++){
		var prImg=xml.getElementsByTagName('pr'+(i+1))[0].getElementsByTagName('file_img')[0].firstChild.nodeValue;
		var prBtn=xml.getElementsByTagName('pr'+(i+1))[0].getElementsByTagName('button_img')[0].firstChild.nodeValue;
		var prURL=xml.getElementsByTagName('pr'+(i+1))[0].getElementsByTagName('url')[0].firstChild.nodeValue;
		var prTarget=xml.getElementsByTagName('pr'+(i+1))[0].getElementsByTagName('window')[0].firstChild.nodeValue;
		var ftype = prBtn.substring(prBtn.lastIndexOf('.'), prBtn.length);
		var prBtnHsrc = prBtn.replace(ftype, '_on'+ftype);

		imgArray.push(prImg);
		imgArray.push(prBtn);
		imgArray.push(prBtnHsrc);
		
		
		newBanner+='<div id="banner'+i+'Wrap">';
		newBanner+='<div id="banner'+i+'" class="bannerDiv" style="display:none">';
		newBanner+='<a href="'+prURL+'" target="'+prTarget+'"><img src="'+prImg+'" style="top:0; left:0;" id="banner'+i+'_0" /></a>';
		newBanner+='</div></div>';
		
		newBannerNavi+='<li id="banner'+i+'Navi" class="bannerBtn"><a href="javascript:void(0);"><img src="'+prBtn+'" width="252" /></a></li>';

	}
	
	$('bannerHTML').innerHTML+='<div id="mainBannerWrapper">'+''+newBanner+'</div>';
	$('bannerHTML').innerHTML+='<ul id="bannerNavi" style="top:405px;" style="display:none">'+newBannerNavi+'</ul>';
	

	for(i=0; i<imgArray.length; i++){

		newImgArray[i]= new Image();

		Event.observe(newImgArray[i],'load',function(){checkShowInit(imgArray.length)})

		newImgArray[i].src=imgArray[i];
		
	}
}


function checkShowInit(maxNum){

	bannerCount++;
	if(bannerCount>=maxNum){
		showInit();
	}
}


function showInit(){
	
	var maxHeight;
	var targetLi=$$("#bannerNavi li");
	var thisID;
	var heigtArray=new Array();
	var i;
	
	Element.show('bannerNavi');
	for(i=0; i<targetLi.length; i++){
		thisID=targetLi[i].id;
		heigtArray[i]=$(thisID).getHeight();
	}
	
	heigtArray.sort();
	var maxHeight=heigtArray[targetLi.length-1];
	
	
	for(i=0; i<targetLi.length; i++){
		thisID=targetLi[i].id;
		
		var targetObj=$(thisID);
		
		
		var aTag=targetObj.getElementsByTagName("a")[0];
		
		Element.setStyle(aTag,{height:maxHeight+"px",background:'#d9d9d9',display:'block'});
	}

	Element.remove("bannerLoding");
	Element.setStyle('mainWrapper',{height:410+maxHeight+'px'});
	naviHover();
	
	banner0();

}

function clearBannertimer(){
	if(bannerTimer){
		clearTimeout(bannerTimer);
	}
}


var nowBanner=false;

function setZindex(obj){
	
	var banners=["banner0","banner1","banner2"]
	
	Element.setStyle(obj,{zIndex:3});
	
	if(nowBanner){
		Element.setStyle(nowBanner,{zIndex:2});
	}

	
	var i
	for(i=0; i<banners.length; i++){
		
		if(banners[i]!=obj && banners[i]!=nowBanner){
			Element.setStyle(banners[i],{zIndex:1});
			
		}
		var naviImage=$(banners[i]+"Navi").getElementsByTagName('img')[0];
		if(naviImage.src.indexOf('_on.')!=-1){
			
			naviImage.src=naviImage.src.replace('_on', '');
			Element.setStyle($(banners[i]+"Navi").getElementsByTagName('a')[0],{background:'#d9d9d9'});
		}
		
		
	}
	var targetNaviImage=$(obj+"Navi").getElementsByTagName('img')[0];
	
	var src = targetNaviImage.getAttribute('src');
	var ftype = src.substring(src.lastIndexOf('.'), src.length);
	var hsrc = src.replace(ftype, '_on'+ftype);
	
	targetNaviImage.src=hsrc;
	
	nowBanner=obj+'_0';
	
	var targetNaviA=$(obj+"Navi").getElementsByTagName('a')[0];
	Element.setStyle(targetNaviA,{background:'#777777'});
}

function banner0(){
	if(nowBanner=="banner0_0"){
		return	
	}
	clearBannertimer();
	
	var Queue = Effect.Queues.get('menuxscope');
	Queue.each(function(e) {e.cancel()});
	

	clearBannertimer();


	new Effect.Parallel(
	[
		new Effect.Opacity('banner0_0',{to:0,from:0,sync: true})
		
		 ],{duration:0,queue: {position:'end', scope: 'menuxscope'},transition: Effect.Transitions.linear,afterFinish:function(){ani0_0()}}
	);
	

	
	function ani0_0(){
		

		
	
		Element.show("banner0");
		
		if(nowBanner){
			
			new Effect.Parallel(
				[
				new Effect.Opacity('banner1_0',{to:0,sync: true}),
				new Effect.Opacity('banner2_0',{to:0,sync: true})
				 ],{duration:1.2,queue: {scope: 'menuxscope'},transition: Effect.Transitions.linear,afterFinish:function(){
					
	
				}}
			);		
		
		}


		setZindex('banner0');
		
		new Effect.Parallel(
			[
				new Effect.Opacity('banner0_0',{to:1,from:0,sync: true})
			 ],{duration:2,queue: {scope: 'menuxscope'},delay:0,transition: Effect.Transitions.linear,afterFinish:function(){
				
				clearBannertimer();
				bannerTimer=setTimeout(function(){banner1()},3000);

			}}
		);
		

		
	}

	
}



function banner1(){
	if(nowBanner=="banner1_0"){
		return	
	}
	
	clearBannertimer();


	
	var Queue = Effect.Queues.get('menuxscope');
	Queue.each(function(e) {e.cancel()});


	clearBannertimer();
	
		new Effect.Parallel(
		[
		new Effect.Opacity('banner1_0',{to:0,from:0,sync: true})
		 
		 ],{duration:0,queue: {position:'end', scope: 'menuxscope'},transition: Effect.Transitions.linear,afterFinish:function(){ani1_0()}}
	)


	
		
		
	function ani1_0(){
		
		Element.show("banner1");
		
		new Effect.Parallel(
			[
			new Effect.Opacity('banner0_0',{to:0,sync: true}),
			new Effect.Opacity('banner2_0',{to:0,sync: true})
			 ],{duration:1.2,queue: {scope: 'menuxscope'},transition: Effect.Transitions.linear,afterFinish:function(){
				

			}}
		);
		setZindex('banner1');


		new Effect.Parallel(
			[
				new Effect.Opacity('banner1_0',{to:1,from:0,sync: true})
			 ],{duration:2,queue: {scope: 'menuxscope'},delay:0,transition: Effect.Transitions.linear,afterFinish:function(){
				
				clearBannertimer();
				bannerTimer=setTimeout(function(){banner2()},3000);

			}}
		);
		

	}
	
		
		
		
		

}

function banner2(){
	if(nowBanner=="banner2_0"){
		return	
	}

	clearBannertimer();
	

	
	
	
	var Queue = Effect.Queues.get('menuxscope');
	Queue.each(function(e) {e.cancel()});

	

	clearBannertimer();
	
	new Effect.Parallel(
		[
		
		new Effect.Opacity('banner2_0',{to:0,from:0,sync: true})
		
		 ],{duration:0,queue: {position:'end', scope: 'menuxscope'},transition: Effect.Transitions.linear,afterFinish:function(){ani2_0()}}
	);
	

	
	
	
	function ani2_0(){
		Element.show("banner2");

		
		new Effect.Parallel(
			[
			new Effect.Opacity('banner0_0',{to:0,sync: true}),
			new Effect.Opacity('banner1_0',{to:0,sync: true})
			 ],{duration:1.2,queue: {scope: 'menuxscope'},transition: Effect.Transitions.linear,afterFinish:function(){
				
	
			}}
		);
		
			
	setZindex('banner2');
		
		
		
		new Effect.Parallel(
			[
				new Effect.Opacity('banner2_0',{to:1,from:0,sync: true})
			 ],{duration:2,queue: {scope: 'menuxscope'},delay:0.3,transition: Effect.Transitions.linear,afterFinish:function(){
				
				clearBannertimer();
				bannerTimer=setTimeout(function(){banner0()},3000);

			}}
		);
		
		
		
	}
	
}


function naviHover(){
	
	j$("#banner0Navi").click(
		function(){
			clearBannertimer();
			banner0();
		}
		
	)
	
	j$("#banner1Navi").click(
		function(){
			clearBannertimer();
			banner1();
		}
		
	)
	
	j$("#banner2Navi").click(
		function(){
			clearBannertimer();
			banner2();
		}
	)
	
}


