// JavaScript Document

d = document;

function showStepOne() {
	
	t = d.getElementById('stepNum');
	t.innerHTML = 'Personal Information';
	
	t = d.getElementById('content'); 
	
	str = '<p><strong>To purchase a ticket, follow the steps below:</strong></p>' +
	'<p> <span class="required">*</span> = required field</p>' +
	'<form action="" method="post" onsubmit="submitForm(\'orderForm\', \'50\', \'1000\', \'1\', pic1); return false;" name="personal"><input type="hidden" name="PHPSESSID" value="6f0fca3b1f99699b1cd680cff29b7ff0" />' +
	'<input type="hidden" name="item_indi" value="b-8937^mm004_indi^Arizona-Sonora Desert Museum Individual Membership^40.00^1">' +
	'<input type="hidden" name="item_1" value="b-8937^=info=^New Membership ^1^1">' +
	
		'<table border="0">' +
			'<tr class="smallGray">' +
				'<td></td>' +
				'<td>Last<span class="required">*</span></td>' +
				'<td colspan="5">First<span class="required">*</span></td>' +
			'</tr>' +
			'<tr>' +
				'<td>Name</td>' +
				'<td><input type="text" name="firstName" value="" /></td>' +
				'<td colspan="5"><input type="text" name="lastName" value="" /></td>' +
			'</tr>' +
			'<tr class="smallGray">' +
				'<td></td>' +
				'<td>Street and Number<span class="required">*</span></td>' +
				'<td>City<span class="required">*</span></td>' +
				'<td>State<span class="required">*</span></td>' +
				'<td>ZIP<span class="required">*</span></td>' +
				'<td>Country<span class="required">*</span></td>' +
			'</tr>' +
			'<tr>' +
				'<td>Address</td>' +
				'<td><input type="text" name="address" value="" /></td>' +
				'<td><input type="text" name="city" value="" /></td>' +
				'<td><input type="text" name="state" size="2" value="" /></td>' +
				'<td><input type="text" name="zip" size="5" value="" /></td>' +
				'<td><input type="text" name="country" value="" /></td>' +
			'</tr>' +
			'<tr class="smallGray">' +
				'<td></td>' +
				'<td>Area Code</td>' +
				'<td>Phone Number</td>' +
			'</tr>' +
			'<tr>' +
				'<td>Phone Number</td>' +
				'<td><input type="text" name="areaCode" size="3" value="" /></td>' +
				'<td><input type="text" name="phone" size="8" value="" /></td>' +
			'</tr>' +
			'<tr>' +
				'<td>Email<span class="required">*</span></td>' +
				'<td><input type="text" name="email" value="" /></td>' +
			'</tr>' +
			'<tr class="smallGray">' +
				'<td></td>' +
				'<td>mm/dd/yyyy</td>' +
			'</tr>' +
			'<tr>' +
				'<td valign="top">Date visiting<span class="required">*</span></td>' +
				'<td valign="top"><input type="text" name="month" size="2" value="" />/<input type="text" name="day" size="2" value="" />/<input type="text" name="year" size="4" value="" /></td>' +
				'<td id="calendar"><!--<a href="#" onClick="show_cal()"><img src="/images/icn_cal.gif" id="calImage" /></a>--></td>' +
			'</tr>' +
			'<tr>' +
				'<td colspan="5">Would you like to be contacted about upcoming events? <label><input  type="radio" name="upcoming" value="yes" /> Yes</label> <label><input  type="radio" name="upcoming" value="no" /> No</label></td>' +
			'</tr>' +
			'<tr>' +
				'<td colspan="5">Do you or anyone accompanying you have a military ID? <label><input  type="radio" name="military" value="yes" /> Yes</label> <label><input  type="radio" name="military" value="no" /> No</label></td>' +
			'</tr>' +
		'</table>' +
	
	'<p><input type="submit" value="Next"></p>' +
	'</form>';
	
	setTimeout('t.innerHTML = str', 500);
	
	newHeight = parseInt(t.offsetHeight, 0) + 150;
	setTimeout('expand(\'orderForm\', \'500\', \'1000\')', 500);

}

function showStepTwo(i, m, day, y) {
	
	parseInt(m);
	parseInt(day);
	parseInt(y);
	
	t = d.getElementById('stepNum');
	t.innerHTML = 'Number of Tickets';
	
	t = d.getElementById('content'); 
	
	childRate = '4';
	adultRate = '12';
	militaryRate = '10';
	
	if (m >= 6 && m <= 8) {
		if (m == 6) {
			if (day >= 2) {
				childRate = '2';
				adultRate = '9';
				militaryRate = '7';
			}
		}
		else {
			childRate = '2';
			adultRate = '9';
			militaryRate = '7';
		}
	}
	
	str = '<p><strong>Please tell us how many of each ticket you\'ll be purchasing:</strong></p>' +
	'<p> <span class="required">*</span> = required field</p>' +
	'<form action="#" method="post" name="tickets"><input type="hidden" name="PHPSESSID" value="6f0fca3b1f99699b1cd680cff29b7ff0" />' +
	'<input type="hidden" name="item_indi" value="b-8937^mm004_indi^Arizona-Sonora Desert Museum Individual Membership^40.00^1">' +
	'<input type="hidden" name="item_1" value="b-8937^=info=^New Membership ^1^1">' +
	'<input type="hidden" name="total" value="0" />' +
	
		'<table border="0">' +
			'<tr>' +
				'<td>Number of Children (6-12yrs):</td>' +
				'<td><input type="text" name="children" size="2" onkeyup="updateTotal(\'' + childRate + '\', \'' + adultRate + '\', \'' + militaryRate + '\')" /></td>' +
				'<td>$' + childRate + '</td>' +
			'</tr>' +
			'<tr>' +
			'	<td>Number of Adults:</td>' +
			'	<td><input type="text" name="adults" size="2" onkeyup="updateTotal(\'' + childRate + '\', \'' + adultRate + '\', \'' + militaryRate + '\')" /></td>' +
				'<td>$' + adultRate + '</td>' +
			'</tr>';
			
			if (i == 'yes') {
				str += '<tr>' +
				'	<td>Number with Military ID:</td>' +
				'	<td><input type="text" name="military" size="2" onkeyup="updateTotal(\'' + childRate + '\', \'' + adultRate + '\', \'' + militaryRate + '\')" /></td>' +
				'	<td>$' + militaryRate + '</td>' +
				'</tr>';
			}
			
			str += '<tr>' +
			'	<td><b>Total:</b></td>' +
			'	<td></td>' +
				'<td id="updatedTotal" style="font-weight:bold;">$0</td>' +
			'</tr>' +
		'</table>' +
	
	'<p><input type="button" value="Back" onclick="stepBack(\'1\')"> or <input type="button" onclick="goToStepThree()" value="Next"></p>' +
	'</form>';
	
//	setTimeout('t.innerHTML = str', 500);
	
//	newHeight = parseInt(t.offsetHeight, 0) + 150;
//	setTimeout('expand(\'orderForm\', newHeight, \'1000\')', 500);
	window.location='/tickets/step_two.php';
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function close_cal() {
	div = d.getElementById('popCal');
	d.body.removeChild(div);
}

function show_cal() {
	c = d.getElementById('calendar');
	cImg = d.getElementById('calImage');
		
	offset = findPos(cImg);
	
	div = d.createElement('div');
	div.id='popCal';
	div.style.display='block';
	div.style.position='absolute';
	div.style.left=offset[0];
	div.style.top=offset[1];
	div.style.backgroundColor="#ffffff";
	div.style.backgroundImage="url('/images/cal-bg.gif')";
	div.style.border="1px solid #666";
	div.style.zIndex=100;
	
	str = '<table cellspace="0" cellpadding="0">' +
				'<tr>' +
				'	<td colspan="7" align="middle">March</td>' +
				'</tr>' +
				'<tr>' +
					'<td>Su</td>' +
					'<td>Mo</td>' +
					'<td>Tu</td>' +
					'<td>We</td>' +
					'<td>Th</td>' +
					'<td>Fr</td>' +
					'<td>Sa</td>' +
				'</tr>' +
				'<tr>' +
					'<td>25</td>' +
					'<td>26</td>' +
					'<td>27</td>' +
					'<td>28</td>' +
					'<td>1</td>' +
					'<td>2</td>' +
					'<td>3</td>' +
				'</tr>' +
				'<tr>' +
					'<td>4</td>' +
					'<td>5</td>' +
					'<td>6</td>' +
					'<td>7</td>' +
					'<td>8</td>' +
					'<td>9</td>' +
					'<td>10</td>' +
				'</tr>' +
				'<tr>' +
					'<td>11</td>' +
					'<td>12</td>' +
					'<td>13</td>' +
					'<td>14</td>' +
					'<td>15</td>' +
					'<td>16</td>' +
					'<td>17</td>' +
				'</tr>' +
				'<tr>' +
					'<td>18</td>' +
					'<td>19</td>' +
					'<td>20</td>' +
					'<td>21</td>' +
					'<td>22</td>' +
					'<td>23</td>' +
					'<td>24</td>' +
				'</tr>' +
				'<tr>' +
					'<td>25</td>' +
					'<td>26</td>' +
					'<td>27</td>' +
					'<td>28</td>' +
					'<td>29</td>' +
					'<td>30</td>' +
					'<td>31</td>' +
				'</tr>' +
				'<tr>' +
					'<td colspan="7"><a href="#" onclick="close_cal()"><img src="/images/cal-close.gif" /> Close</a></td>' +
				'</tr>' +
			'</table>';
	
	div.innerHTML = str;
	
	d.body.appendChild(div);
}