$(document).ready(function($){
	setOverBox();
});


var targetBox;

function setOverBox(){
	$('body').append("<div id='overboxbg' onclick='closeOverbox();'></div>");
	
	for(var i=1;i<=4;i++){
		var tBox = "#box"+i;
		var halfX = ($('html').width() -  $(tBox).width())/2;
		var halfY = (getScreenSize().y - $(tBox).height())/2;
		$(tBox).css({
			'top':halfY,
			'left':halfX
		});
		
		if($.browser.msie && ($.browser.version < 7.0 || !$.boxModel)){
			var el = $(tBox).css('position','absolute')[0];
			el.style.setExpression(
				'top',
				'eval(100+(document.body.scrollTop||document.documentElement.scrollTop))'
			);
		}
	}
	
	
	$('#overboxbg').css({
		'background':'#000000',
		'z-index':'9999',
		'display':'none',
		'filter':'alpha(opacity=0)',
		'-moz-opacity':'0',
		'opacity':'0',
		'width':'100%'
	});
	$('#box1').css({
		'z-index':'10000',
		'display':'none',
		'filter':'alpha(opacity=0)',
		'-moz-opacity':'0',
		'opacity':'0'
	});
	$('#box2').css({
		'z-index':'10000',
		'display':'none',
		'filter':'alpha(opacity=0)',
		'-moz-opacity':'0',
		'opacity':'0'
	});
	$('#box3').css({
		'z-index':'10000',
		'display':'none',
		'filter':'alpha(opacity=0)',
		'-moz-opacity':'0',
		'opacity':'0'
	});
	$('#box4').css({
		'z-index':'10000',
		'display':'none',
		'filter':'alpha(opacity=0)',
		'-moz-opacity':'0',
		'opacity':'0'
	});
}


function showOverbox(id){
	targetBox = id;
	$('select').hide();
	var height = $('html').height();
	$('#overboxbg').height(height).show().fadeTo(200,0.75);
	$(targetBox).show().fadeTo(200,1);
}

function closeOverbox(){
    $('#overboxbg').fadeTo(200,0,function(){
    	 $('#overboxbg').hide();
    });
    $(targetBox).fadeOut(200);
    // show select elements
    $('select').show();
}







/* ウィンドウサイズ取得 */
var isWin9X = (navigator.appVersion.toLowerCase().indexOf('windows 98')+1);
var isIE = (navigator.appName.toLowerCase().indexOf('internet explorer')+1?1:0);
var isOpera = (navigator.userAgent.toLowerCase().indexOf('opera')+1?1:0);
if (isOpera) isIE = false;
var isSafari = (navigator.appVersion.toLowerCase().indexOf('safari')+1?1:0);

function getScreenSize() {
	var obj = new Object();
	if (!isSafari && !isOpera) {
		obj.x = document.documentElement.clientWidth || document.body.clientWidth || document.body.scrollWidth;
		obj.y = document.documentElement.clientHeight || document.body.clientHeight || document.body.scrollHeight;
	} else {
		obj.x = window.innerWidth;
		obj.y = window.innerHeight;
	}
	if($('html').height() > obj.y){
		obj.hy = $('html').height();
	}else{
		obj.hy = obj.y;
	}
	obj.mx = parseInt((obj.x)/2);
	obj.my = parseInt((obj.y)/2);
	return obj;
}