var circle_menu_disabled = false;
$(function(){
	jQuery.fx.interval = 33;
	
	
	//SVGのロード
	$.ajaxSetup({cache:true});
	$('<div style="width:0;height:0;overflow:hidden;"><div></div></div>').appendTo('body').children('div')
	.load('//www.tomo-job.com/sp/images/svg/common_svg_icon.svg?0');
	$('#kdwr_new_svg','#common_header').load('//www.tomo-job.com/sp/images/common/new_icon.svg?0');
	$.ajaxSetup({cache:false});
	
	
	var $cm_elm = { 'overray':$('#circle_overray'), 'wrap':$('#circle_menu_wrap'), 'button':$('#circle_menu_btn') };
	$cm_elm['base'] = $cm_elm['wrap'].find('#circle_menu_base');
	$cm_elm['li'] = $cm_elm['base'].siblings('li');
	
	$cm_elm['button'].on('click',function(){
		if($cm_elm['button'].attr('data-open-disabled') == 'disabled'){ return false; }
		$cm_elm['button'].attr('data-open-disabled','disabled');
		$cm_elm['overray'].show().css('opacity','0.1').animate({'opacity':'0.85'},50,'linear');
		$cm_elm['wrap'].css('opacity','1').show();
		$cm_elm['base'].show().animate({'opacity':'1'},50,'linear')
		.animate({
			'width':'300px',
			'height':'300px',
			'top':'0px',
			'right':'-106px'
		},300,'easeInOutSine').promise()
		.then(function(){
			$cm_elm['li'].css('display','block');
			var i,pos = {
				1 : [20,0],
				2 : [94,24],
				3 : [139,87],
				4 : [139,164],
				5 : [94,227],
				6 : [20,252]
			};
			$cm_elm['button'].attr('data-close-disabled','');
			for(i=1; i<=6; i++){
				$cm_elm['li'].filter('#circle_menu_item'+i).delay(150).animate(
					{
						'top':pos[i][1]+'px',
						'right':pos[i][0]+'px'
					},
					300,
					'easeInQuint'
				);
			}
			return $cm_elm['base'].animate(
				{
					'width':'48px',
					'height':'48px',
					'top':'126px',
					'right':'20px'
				},
				450,
				'easeInExpo'
			);
		}).then(function(){
			$cm_elm['li'].children('p').animate({'opacity':'1'},100,'linear');
		});
	});
	$cm_elm['wrap'].on('click',function(e){
		if($cm_elm['button'].attr('data-close-disabled') == 'disabled' || e.target.tagName === 'P'){ return false; }
		cm_close($cm_elm);
	}).on('touchmove',function(){
		return false;
	});
	
	var resize_timer = false;
	$(window).on('resize',function(){ //ウィンドウリサイズ時はメニューを閉じる
	    if(resize_timer !== false){ clearTimeout(resize_timer); }
	    resize_timer = setTimeout(function(){
	        cm_close($cm_elm);
	    },150);
	});
	
});
function cm_close($cm_elm){
	$cm_elm['button'].attr('data-close-disabled','disabled');
	var i,def_pos = {
		1 : [20,24],
		2 : [79,43],
		3 : [117,94],
		4 : [117,157],
		5 : [79,208],
		6 : [20,228]
	};
	
	$cm_elm['overray'].add($cm_elm['base']).add($cm_elm['li']).add($cm_elm['li'].children('p')).stop(true,false);
	$cm_elm['wrap'].animate(
		{'opacity':0},
		150,
		'easeInOutQuad'
	);
	$cm_elm['overray'].delay(30).animate(
		{'opacity':0},
		100,
		'easeInOutQuad'
	).promise()
	.then(function(){
		$cm_elm['wrap'].hide().css('opacity',1);
		$cm_elm['overray'].hide();
		$cm_elm['base'].hide().css({'opacity':0, 'width':'48px', 'height':'48px', 'top':'126px', 'right':'20px'});
		return $cm_elm['li'].hide().children('p').css('opacity',0);
	})
	.then(function(){
		for(i=1; i<=6; i++){
			$cm_elm['li'].filter('#circle_menu_item'+i).css({ 'right':def_pos[i][0]+'px', 'top':def_pos[i][1]+'px' });
		}
		return setTimeout(function(){ $cm_elm['button'].attr('data-open-disabled',''); }, 250);
	});
}