/* Forms  scripts! */

function conditional(conditioner,condition_target,showHide) {
	//alert('hey');
	if (showHide == 'block') {
		document.getElementById(condition_target).style.display = showHide;
		document.getElementById(conditioner).className = 'parent_question';
	} else {
		document.getElementById(condition_target).style.display = showHide;
		document.getElementById(conditioner).className = 'field';
	}
}

function thingy_swapper(show,hide){
		document.getElementById(show).style.display='block'
		document.getElementById(hide).style.display='none'
}

function thingy_clearer(inputter) {
	//alert(inputter);
	document.getElementById(inputter).value = "";
}

var dates = 0;
function add_another_date(name,showTime,date_str) {
	// -- arguments --//
	//alert(name);
	//alert(showTime);
	
	//-- increment the how_many_dates field --//
	var this_how_many = "how_many_dates_" + name;
	var how_many_field = document.getElementById(this_how_many);
	var j = parseInt(how_many_field.value) + 1;
	how_many_field.value = j;

	if (showTime) {
	} else {
	}
	
	var this_name = name + "_" + j;
	
	// -- build new_date_field -- //
	// - new_date_field = "<div class=\"date\" id=\"" + this_name + "_date\">\r\n";
	var new_date_field = "	<div class=\"date_edit\">\r\n";
	new_date_field += "		<div class=\"remove\">\r\n";
	new_date_field += "		<a onclick=\"remove_me(\'" + name + "\'," + this_name + "_date)\">X</a>\r\n";
	new_date_field += "		</div><!--.remove-->\r\n";
	new_date_field += "		<div class=\"start\">\r\n";
	new_date_field += "			<div class=\"startend\">\r\n";
	new_date_field += "				start\r\n";
	new_date_field += "			</div>\r\n";
	new_date_field += "			<div class=\"date_picker_holder\">\r\n";
	new_date_field += "				<input type=\"text\" id=\"" + this_name + "_start_date\" class=\"" + this_name + "_input\" value=\"" + date_str + "\" name=\"" + this_name + "_start_date\">\r\n";
	new_date_field += "				<div class=\"clearer\"></div>\r\n";
	new_date_field += "			</div><!--.date-->\r\n";
	new_date_field += "			<div class=\"time\">\r\n";
	new_date_field += "				at: \r\n";
	new_date_field += "				<input name=\"" + this_name + "_start_hours\" class=\"time_field\" maxlength=\"2\" value=\"12\">:\r\n";
	new_date_field += "				<input name=\"" + this_name + "_start_minutes\" class=\"time_field\" maxlength=\"2\" value=\"00\">\r\n";
	new_date_field += "				<select name=\"" + this_name + "_start_antebellum\" class=\"\" id=\"\">\r\n";
	new_date_field += "					<option  value=\"am\">am</option>\r\n";
	new_date_field += "					<option SELECTED value=\"pm\">pm</option>\r\n";
	new_date_field += "				</select>\r\n";
	new_date_field += "			</div><!--.time-->\r\n";
	new_date_field += "		</div><!--.start-->\r\n";
	new_date_field += "		<div class=\"clearer\"></div>\r\n";
	new_date_field += "		<div class=\"end\">\r\n";
	new_date_field += "			<div class=\"startend\">\r\n";
	new_date_field += "				end\r\n";
	new_date_field += "			</div>\r\n";
	new_date_field += "			<div class=\"date_picker_holder\">\r\n";
	new_date_field += "				<input type=\"text\" id=\"" + this_name + "_end_date\" class=\"" + this_name + "_input\" value=\"" + date_str + "\" name=\"" + this_name + "_end_date\">\r\n";
	new_date_field += "				<div class=\"clearer\"></div>\r\n";
	new_date_field += "			</div><!--.date-->\r\n";
	new_date_field += "			<div class=\"time\">\r\n";
	new_date_field += "				at: \r\n";
	new_date_field += "				<input name=\"" + this_name + "_end_hours\" class=\"time_field\" maxlength=\"2\" value=\"01\">:\r\n";
	new_date_field += "				<input name=\"" + this_name + "_end_minutes\" class=\"time_field\" maxlength=\"2\" value=\"00\">\r\n";
	new_date_field += "				<select name=\"" + this_name + "_end_antebellum\" class=\"\" id=\"\">\r\n";
	new_date_field += "					<option  value=\"am\">am</option>\r\n";
	new_date_field += "					<option SELECTED value=\"pm\">pm</option>\r\n";
	new_date_field += "				</select>\r\n";
	new_date_field += "			</div><!--.time-->\r\n";
	new_date_field += "		</div><!--.end-->\r\n";
	new_date_field += "		<div class=\"clearer\"></div>\r\n";
	new_date_field += "	</div><!--.date_edit-->\r\n";
	new_date_field += "	<div class=\"clearer\"></div>\r\n";
	//new_date_field += "</div><!--.date-->\r\n";
	
	// -- get current date fields -- //
	var name_dates = name + "_dates";
	var name_dates_div = document.getElementById(name_dates);
	
	// -- create new date node -- //
	new_div = document.createElement('div');
	var new_div_id = this_name + '_date';
	new_div.setAttribute('id',new_div_id);
	new_div.setAttribute('class','date');
	
	// append date div to the end of them all
	name_dates_div.appendChild(new_div);
		
	// get new div by innerHTML
	document.getElementById(new_div_id).innerHTML = new_date_field;

	
	var new_date_input = "." + this_name + "_input";
	var start_date_id = "#" + this_name + "_start";
	var end_date_id = "#" + this_name + "_end";
	
	$(function()
	{
		$(new_date_input).datePicker({clickInput:true})
		$(start_date_id).bind(
			'dpClosed',
			function(e, selectedDates)
			{
				var d = selectedDates[0];
				if (d) {
					$(end_date_id).dpSetStartDate(d.addDays(1).asString());
				}
			}
		);
		$(end_date_id).bind(
			'dpClosed',
			function(e, selectedDates)
			{
				var d = selectedDates[0];
				if (d) {
					$(start_date_id).dpSetEndDate(d.addDays(-1).asString());
				}
			}
		);
	});
}

function remove_me(name,element) {
	// element div
	var parent_div = element.parentNode;
	// remove dead div
	parent_div.removeChild(element);

	//-- decrement the how_many_dates field --//
	var this_how_many = "how_many_dates_" + name;
	var how_many_field = document.getElementById(this_how_many);
	var j = parseInt(how_many_field.value) - 1;
	how_many_field.value = j;
}

function checker(obj) {
	if (obj.checked) {
		obj.checked = false;
	} else {
		obj.checked = true;
	}
}