var lockscreen = function(){
	$("body").append('<div id="lockscreen" style="position:fixed;padding:0;margin:0;left:0;top:0;width:100%;height:100%;color:black;background:white;opacity:0.8;filter:alpha(opacity=80);">&nbsp;</div>');
};
var unlockscreen = function(){
	$("#lockscreen").fadeOut('', function(){ $('#lockscreen').remove(); });
};
var unmodal = function(){
	$('.modal').remove();
	$("#lockscreen").fadeOut('', function(){ $('#lockscreen').remove(); });
}
var modal = function(modals){

	if(modals.dberror){
		modals.header = '<img src="/images/error.png" /> データベース通信エラー';
		modals.body = 'データベースとの通信エラーです。ブラウザの更新ボタンなどを押して再度操作を行ってみてください。それでも作業が進められない場合は当サイトまでご連絡ください。';
	}
	if(modals.upload){
		if(!modals.nolock) lockscreen();
		modals.header = '<img src="/images/loading.gif" /> アップロード中...';
		modals.body = 'ファイルのアップロード中です。しばらくお待ちください。途中でキャンセルするとアップロードデータは失われます。';
		modals.close = 1;
	}
	if(modals.loading){
		if(!modals.nolock) lockscreen();
		modals.header = '<img src="/images/loading.gif" /> 読み込み中...';
		modals.body = '読み込み中です。しばらくお待ちください。読み込みに時間がかかりすぎる場合はブラウザの読み込みボタンを押してください。それでも読み込みが終了しない場合は婚礼屋.comまでご連絡ください。';
		modals.close = 1;
	}
	if(modals.timeout > 0){
		modals.close = 1;
	}
	modals.header = modals.header ? modals.header : '&nbsp;';
	modals.body = modals.body ? modals.body : '&nbsp;';
	modals.footer = modals.footer ? modals.footer : '&nbsp;';

	html    = '<div class="modal">';
	html += '  <div class="modal-header">';
	html += '    <h3>'+modals.header+'</h3>';
	html +=      modals.close ? '' : '<div class="close">&times;</div>';
	html += '  </div>';
	html += '  <div class="modal-body">';
	html +=      modals.body;
	html += '  </div>';
	html += '  <div class="modal-footer">';
	html +=      modals.footer;
	html +=      modals.close ? '' : '<div class="btn close">閉じる</div>';
	html += '  </div>';
	html += '</div>';

	$("body").append(html);
	$('.close').click(function(){
		unmodal();
	});
	if(modals.timeout > 0) setTimeout(function(){ unmodal(); }, modals.timeout);
		
}
$(document).ready(function(){
  
  $("body").bind("click", function (e) {
    $('a.menu').parent("li").removeClass("open");
  });
  $("a.menu").click(function (e) {
    $('a.menu').parent("li").removeClass("open");
    var $li = $(this).parent("li").toggleClass('open');
    return false;
  });

});