// JavaScript Document
// this function opens a window without any toolbars
function open_win(url,width,height) {
	window.open(url,"_blank","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, copyhistory=no, width="+width+", height="+height)
}
function myFocus(element) {
   if (element.value == element.defaultValue) {
     element.value = '';
   }
 }
function myBlur(element) {
   if (element.value == '') {
     element.value = element.defaultValue;
   }
}
function pleaseWait(table,row,cell) {
	var x=document.getElementById(table).rows[row].cells;
	x[cell].innerHTML="Please Wait...";
}
function repeatsEveryWeek() {
	var repeatEvery=document.getElementById("repeatEveryWeek");
	if (repeatEvery.options[repeatEvery.selectedIndex].text != '1') {
		var x=document.getElementById("repeatsEvery").rows["0"].cells;
		x["1"].innerHTML='weeks';
	} else {
		var x=document.getElementById("repeatsEvery").rows["0"].cells;
		x["1"].innerHTML='week&nbsp;';
	}
}
function repeatsEveryMonth() {
	var repeatEvery=document.getElementById("repeatEveryMonth");
	if (repeatEvery.options[repeatEvery.selectedIndex].text != '1') {
		var x=document.getElementById("repeatsEvery").rows["0"].cells;
		x["1"].innerHTML='months';
	} else {
		var x=document.getElementById("repeatsEvery").rows["0"].cells;
		x["1"].innerHTML='month&nbsp;';
	}
}
function repeatConfig() {
	var repeat=document.getElementById("repeatDropDown");
	if (repeat.options[repeat.selectedIndex].text == 'Weekly') {
		var x=document.getElementById("repeats001").rows["0"].cells;
		x["0"].innerHTML='<table id="repeatsEvery" cellpadding="2" cellspacing="2" style="border:solid; border-width:1px; border-color:#CCCCCC; border-collapse:collapse;"><tr><td align="left" valign="top" class="pagetext" width="140">Repeats every: <select name="REPEATSEVERY" id="repeatEveryWeek" onchange="repeatsEveryWeek()"><option>1</option><option>2</option><option>3</option><option>4</option></select></td><td align="left" class="pagetext" valign="top" width="260">week&nbsp;</td></tr><tr><td align="left" class="pagetext" colspan="2" valign="top">Repeat On: <input type="checkbox" name="SUNDAY" value="0">S&nbsp;&nbsp;<input type="checkbox" name="MONDAY" value="1">M&nbsp;&nbsp;<input type="checkbox" name="TUESDAY" value="2">T&nbsp;&nbsp;<input type="checkbox" name="WEDNESDAY" value="3">W&nbsp;&nbsp;<input type="checkbox" name="THURSDAY" value="4">T&nbsp;&nbsp;<input type="checkbox" name="FRIDAY" value="5">F&nbsp;&nbsp;<input type="checkbox" name="SATURDAY" value="6">S&nbsp;&nbsp;</td></tr></table><img src="images/spacer.gif" width="100%" height="5">';
	} else if (repeat.options[repeat.selectedIndex].text == 'Monthly') {
		var x=document.getElementById("repeats001").rows["0"].cells;
		x["0"].innerHTML='<table id="repeatsEvery" cellpadding="2" cellspacing="2" style="border:solid; border-width:1px; border-color:#CCCCCC; border-collapse:collapse;"><tr><td align="left" valign="top" class="pagetext" width="140">Repeats every: <select name="REPEATSEVERY" id="repeatEveryMonth" onchange="repeatsEveryMonth()"><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option></select></td><td align="left" class="pagetext" valign="top" width="250">month&nbsp;</td></tr><tr><td align="left" class="pagetext" colspan="2" valign="top">Repeat By: <input type="radio" name="REPEATBY" value="month"> day of the month&nbsp;&nbsp;<input type="radio" name="REPEATBY" value="week"> day of the week&nbsp;&nbsp;</td></tr></table><img src="images/spacer.gif" width="100%" height="5">';
	} else {
		var x=document.getElementById("repeats001").rows["0"].cells;
		x["0"].innerHTML='<img src="images/spacer.gif" width="100%" height="5">';
	}
}
function fullDay(element) {
	if (element.checked) {
		var x=document.getElementById("when").rows["0"].cells;
		x["1"].innerHTML="&nbsp;to&nbsp;<br>&nbsp;";
	} else {
		var x=document.getElementById("when").rows["0"].cells;
		x["1"].innerHTML='<input type="text" name="START_TIME" value="??:??" size="5">&nbsp;to&nbsp;<input type="text" name="END_TIME" value="??:??" size="5"><br>example 9:30am';
	}
}
function registerInfo(element) {
	if (element.checked) {
		var x=document.getElementById("registerTable").rows["0"].cells;
		x["0"].innerHTML="<img src=\"images/spacer.gif\" width=\"100%\" height=\"5\"><table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" id='registerInfo'><tr><td align=\"right\" class=\"pagetext\" width='150'>Price:&nbsp;&nbsp;</td><td align=\"left\" class=\"pagetext\"><input type=\"text\" name='price' class='inputfield' size='20'><span class='required'>&nbsp;*</span</td></tr><tr><td colspan='2'><img src=\"images/spacer.gif\" width=\"100%\" height=\"5\"></td></tr><tr><td align=\"right\" class=\"pagetext\" width='150'>Organizer Email:&nbsp;&nbsp;</td><td align=\"left\" class=\"pagetext\"><input type=\"text\" name='oemail' class='inputfield' size='40'><span class='required'>&nbsp;*</span</td></tr><tr><td colspan='2'><img src=\"images/spacer.gif\" width=\"100%\" height=\"5\"></td></tr><tr><td align=\"right\" class=\"pagetext\" width='150'>Processor Email:&nbsp;&nbsp;</td><td align=\"left\" class=\"pagetext\"><input type=\"text\" name='pemail' class='inputfield' size='40'><span class='required'>&nbsp;*</span</td></tr><tr><td colspan='2'><img src='images/spacer.gif' width='100%' height='10'></td></tr><tr><td align='left' colspan='2' class='pagetext'>These fields will already be included on the registration forms.</td></tr><tr><td>&nbsp;</td><td align='left' class='pagetext'>First Name, Last Name, Phone Number, Address, City, State, Zip, Email</td></tr><tr><td colspan='2'><img src='images/spacer.gif' width='100%' height='10'></td></tr><tr><td align='left' colspan='2' class='pagetext'>Would you like to add more information fields?</td></tr><tr><td>&nbsp;</td><td align='left' class='pagetext'><a href='javascript:addField()'><b>add field</b></a>&nbsp;&nbsp;&nbsp;<a href='javascript:removeField()'><b>remove field</b></a></td></tr></table>";
	} else {
		var x=document.getElementById("registerTable").rows["0"].cells;
		x["0"].innerHTML="<img src=\"images/spacer.gif\" width=\"100%\" height=\"5\">";
	}
}
function addField()
{
  var tbl = document.getElementById('registerInfo');
  var lastRow = tbl.rows.length;
  // if there's no header row in the table, then iteration = lastRow + 1
  var iteration = lastRow - 1;

var a = tbl.insertRow(iteration)
a.innerHTML="<td align='right' class='pagetext'>Info Field:&nbsp;&nbsp;</td><td align='left' class='pagetext'>Name:&nbsp;<input type='text' name='field_name[]' id='field_name"+iteration+"' size='30' class='inputfield'>&nbsp;&nbsp;&nbsp;Size:&nbsp;<input type='text' name='size[]' id='size"+iteration+"' size='20' class='inputfield'>&nbsp;&nbsp;&nbsp;Required?&nbsp;<select name='requ[]' id='requ"+iteration+"' class='inputfield'><option>yes</option><option>no</option></select></td>"
}
function removeField()
{
  var tbl = document.getElementById('registerInfo');
  var lastRow = tbl.rows.length;
  if (lastRow > 4) tbl.deleteRow(lastRow - 2);
}
function changeCursor(tableRow, highLight) {
	if (highLight) {
		tableRow.style.cursor="pointer";
	} else {
		tableRow.style.cursor="arrow";
	}
}
function viewDiv(div) {
	document.getElementById(div).style.display="block";
}
function hideDiv(div) {
	document.getElementById(div).style.display="none";
}