var flag=0;
var old="";
var now="";

window.onresize = Resize;
window.onbeforeunload = function(){flag=0;$('div#' + now).css({height: '0px'}).hide(0);};


function fukidashi(no){
var i = no;

	var mx=50;//乱数
	var mn=0;
	var r=(Math.round(Math.random()*(mx-mn))+mn);
	
	$('#fuki').stop();
	$('#fuki').css({'top':r+'px','left':r+'px'});
	//$('#fuki').animate ({top:'+=-15px'},7000);//ここの時間をフェードインの時間より短く
	
	$('#fu').delay(3000).fadeIn(300,function(){
		$('#fu2').fadeIn(300,function(){
			$('#fukidashi'+i).fadeIn(2000,function(){
				$('#fukidashi'+i).delay(1500).fadeOut(2000,function(){
					$('#fu2').fadeOut(300,function(){
						$('#fu').fadeOut(300,function(){
							i++;
							if(i>fukidashiNum){i=1;}
							fukidashi(i);
						});
					});
				});
			});
		});
	});
}

function Resize(){
	var backObj = document.getElementById("topback");
	var back2Obj = document.getElementById("topback2");
	var back3Obj = document.getElementById("topback3");
	var fukidashiObj = document.getElementById("fukidashia");
	var winObj = document.getElementById("main");
	var menuObj = document.getElementById("menu2");
	
	
	var wh = getWindowSize();
	var wh2 = wh.w/(wh.h-80);
	winObj.style.width = wh.w +'px';
	winObj.style.height = wh.h+'px';
	menuObj.style.left = (wh.w-790)/2+'px';
	
	if(wh2 >= 1.8){
		backObj.style.width = (wh.h-80)*9/5+2+'px';
		backObj.style.height = (wh.h-80) +'px';
		backObj.style.left = (wh.w-(wh.h-80)*9/5)/2 +'px';
		back2Obj.style.width = (wh.h-80)*9/5+'px';
		back2Obj.style.height = (wh.h-80) +'px';
		back2Obj.style.left = (wh.w-(wh.h-80)*9/5)/2 +'px';
		back3Obj.style.width = (wh.h-80)*9/5+'px';
		back3Obj.style.height = (wh.h-80) +'px';
		back3Obj.style.left = (wh.w-(wh.h-80)*9/5)/2 +'px';
		fukidashiObj.style.width = (wh.h-80)*2/5 +'px';
		fukidashiObj.style.height = (wh.h-80)*2/5 +'px';
		fukidashiObj.style.left = (wh.w-(wh.h-80)*9/5)/2 +'px';
		
		$('img#fu').css({'width':(wh.h-80)*0.075+'px','height':(wh.h-80)*0.05 +'px','top':(wh.h-80)/2.7 +'px','left':(wh.w-(wh.h-80)*9/5)/2+(wh.h-80)*4.9/5 +'px'});
		$('img#fu2').css({'width':(wh.h-80)*0.12+'px','height':(wh.h-80)*0.08 +'px','top':(wh.h-80)/3.3 +'px','left':(wh.w-(wh.h-80)*9/5)/2+(wh.h-80)*5.1/5 +'px'});
		$('img.fukidashi').css({'width':(wh.h-80)*0.55+'px','height':(wh.h-80)*0.4 +'px','top':'10px','left':(wh.w-(wh.h-80)*9/5)/2+(wh.h-80)*5.5/5 +'px'});
		/*fukidashi1.style.width = (wh.h-80)*0.075+'px';
		fukidashi1.style.height = (wh.h-80)*0.05 +'px';
		fukidashi1.style.top = (wh.h-80)/2.7 +'px';
		fukidashi1.style.left = (wh.w-(wh.h-80)*9/5)/2+(wh.h-80)*5.3/5 +'px';
		fukidashi2.style.width = (wh.h-80)*0.12+'px';
		fukidashi2.style.height = (wh.h-80)*0.08 +'px';
		fukidashi2.style.top = (wh.h-80)/3.3 +'px';
		fukidashi2.style.left = (wh.w-(wh.h-80)*9/5)/2+(wh.h-80)*5.7/5 +'px';
		fukidashi3.style.width = (wh.h-80)*0.55+'px';
		fukidashi3.style.height = (wh.h-80)*0.4 +'px';
		fukidashi3.style.left = (wh.w-(wh.h-80)*9/5)/2+(wh.h-80)*6.2/5 +'px';*/
		//backObj.style.top = (wh.h - wh.w*2/3)/2 + 'px';
		//backObj.style.clip = "rect(0px "+wh.w+"px "+wh.h+"px 0px)";
	}else{
		backObj.style.width = wh.w +'px';
		backObj.style.height = wh.w*5/9+2 +'px';
		back2Obj.style.width = wh.w +'px';
		back2Obj.style.height = wh.w*5/9 +'px';
		back3Obj.style.width = wh.w +'px';
		back3Obj.style.height = wh.w*5/9 +'px';
		fukidashiObj.style.width = wh.w*5/27 +'px';
		fukidashiObj.style.height = wh.w*5/27 +'px';
		$('img#fu').css({'width':wh.w*5/9*0.075+'px','height':wh.w*5/9*0.05 +'px','top':wh.w*5/9/2.7 +'px','left':wh.w*5/9 +'px'});
		$('img#fu2').css({'width':wh.w*5.1/9*0.12+'px','height':wh.w*5/9*0.08 +'px','top':wh.w*5/9/3.3 +'px','left':wh.w*5.2/9 +'px'});
		$('img.fukidashi').css({'width':wh.w*5/9*0.55+'px','height':wh.w*5/9*0.4 +'px','left':wh.w*5.5/9 +'px'});
		
		/*fukidashi1.style.width = wh.w*5/9*0.075+'px';
		fukidashi1.style.height = wh.w*5/9*0.05 +'px';
		fukidashi1.style.top = wh.w*5/9/2.7 +'px';
		fukidashi1.style.left = wh.w*5.3/9 +'px';
		fukidashi2.style.width = wh.w*5/9*0.12+'px';
		fukidashi2.style.height = wh.w*5/9*0.08 +'px';
		fukidashi2.style.top = wh.w*5/9/3.3 +'px';
		fukidashi2.style.left = wh.w*5.7/9 +'px';
		fukidashi3.style.width = wh.w*5/9*0.55+'px';
		fukidashi3.style.height = wh.w*5/9*0.4 +'px';
		fukidashi3.style.left = wh.w*5/9*6.2/5 +'px';
		//backObj.style.left = (wh.w - wh.h*3/2)/2 + 'px'; */
	}
}
	
function getWindowSize() {
	var wh = {w:0, h:0};
	/*if (document.body.clientWidth) {
		wh.w = document.body.clientWidth
		wh.h = document.body.clientHeight;
	} else */if(document.documentElement.clientWidth) {
		wh.w = document.documentElement.clientWidth;
		wh.h = document.documentElement.clientHeight;
	} else if(window.innerWidth) {
		wh.w = window.innerWidth;
		wh.h = window.innerHeight;
	}
	return wh;
}




function Over(id,c,px){
	$('.drop:animated').queue('fx',[]).stop();
	old=now;
	now=id;
	flag=flag+c;
	$('div#'+id+':not(:animated)').animate({height:px},500);
	$('.drop:not(div#' + id+')').animate({height: '0px'},500).hide(0);
}
function Out(id,c){
	
	flag=flag+c;
	timer=setTimeout('Out2("'+id+'")',50);
}
function Over2(c){flag=flag+c;}
function Out2(id){
	//alert(flag);
	if (flag == 0) {
		$('div#' + id).animate({height: '0px'},500).hide(0);
	}
}
setInterval("color()",300);

function color(){
var time =
	(new Date()).getHours()*3600000+
	(new Date()).getMinutes()*60000+
	(new Date()).getSeconds()*1000+
	(new Date()).getMilliseconds();
	
	//ループの単位（時間）
	var loop =  0.25*3600000;
	//基本単位
	var loop2 = loop/6;
	//カウント（基本単位で割った商）
	var quo = Math.floor((time%loop)/loop2);
	//変化の割合（基本単位で割った余り）
	var rem = time%loop2;
	
	var red=Shift(quo,4);
	var green=Shift(quo,2);
	var blue=Shift(quo,0);
	
	red = Graph(red,rem,loop2);
	green = Graph(green,rem,loop2);
	blue = Graph(blue,rem,loop2);
		
	red =  Length(red);
	green =  Length(green);
	blue =  Length(blue);
	
	var hue =new String("#"+red+green+blue);
	//document.getElementById("topback").style.backgroundColor = hue;
	$('#topback').css({'background-color':hue});
	function Shift(aa,bb){
		var count = aa+bb;
		if(count>=6){
		count=count-6;
		return count;
		}else{
		return count;
		}
	}

	function Graph(count,time2,loop2){
		if  (0<= count && count<2){
		return 0;
		} else if(2<= count && count<3){
		bb = Math.ceil(time2/loop2*255);
		return bb;
		}else if(3<= count && count<5){
		return 255;
		}else if(5<= count && count<6){
		bb = 255-Math.ceil(time2/loop2*255);
		return bb;
		}
	}

	function Length(no){
		var cc = new String(no.toString(16));
		if(cc.length<2){
		cc="0"+cc;
		}
		return cc;
	}
}