var speed = 3; 
var timer = 0;
var openForm = "";									// update
    
function showForm(id, liveTitle, liveDate, liveWhere, liveDoor)
{
	if(openForm != "" && openForm != id) {			// update
		closeForm(openForm);						// update
	}												// update
	openForm = id;									// update
	
	var timer = 0;

	document.getElementById(id).style.display = "block";
	
	var myText = '<a id="closeForm" onClick="closeForm(\'';
	myText += id;
	myText += '\');"><img src="./img/close.gif" /></a>';

	myText += '<span style="font-size:12px; color:#ffffff;">予約フォーム</span><br /><br /><div id="liveTitle">'+liveTitle+'</div>';
	myText += liveDate + '<br /><br />';

	myText += '<form action="javascript:sendForm(\''+id+'\');" method="post" id=\'form'+id+'\' enctype="application/x-www-form-urlencoded">';
	myText += '<table border="0">'
	myText += '<tr><td>名前</td><td><input size="20" name="name'+id+'" class="input" id="name'+id+'" /></td></tr>';
	myText += '<tr><td>メールアドレス</td><td><input size="20" name="email'+id+'" class="input" id="email'+id+'" /></td></tr>';
	myText += '<tr><td>チケット枚数</td><td><input size="3" name="tickets'+id+'" class="input" id="tickets'+id+'" /></td></tr>';
	myText += '</table>'
	myText += '<input name="liveTitle'+id+'" value="'+liveTitle+'" type="hidden" id="liveTitle'+id+'" />';
	myText += '<input name="liveDate'+id+'" value="'+liveDate+'" type="hidden" id="liveDate'+id+'" />';
	myText += '<input name="liveWhere'+id+'" value="'+liveWhere+'" type="hidden" id="liveWhere'+id+'" />';
	myText += '<input name="liveDoor'+id+'" value="'+liveDoor+'" type="hidden" id="liveDoor'+id+'" />';
	myText += '<input name="submit" type="submit" value="予約する" />';
	myText += '</form>';
	document.getElementById(id).innerHTML = myText;
	
	changeOpac(0, id);
	
	for(i = 0; i <= 50; i++) { 
		setTimeout("changeOpac(" + i*2 + ",'" + id + "')",(timer * speed)); 
		timer++; 
	} 
}

function closeForm(id)
{
	openForm = "";									// update
	var timer = 0;
	for(i = 100; i >= 0; i--) { 
        setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
        timer++; 
    } 
    //document.getElementById(id).style.display = "none";
}

function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}

function fadeOutForm()
{

	speed = 1;
	for(i = 100; i >= 0; i--) { 
        setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
        timer++; 
    } 
}