/* Javascript related to the event submit form --  */

/* handlers for date items */
(function($){  
 $.fn.date_item = function() {  
	return this.each(function() {  
		$(this).click(function() {
			var id = $(this).attr("id");
			id = id.replace(/delete_date_/, '');
			//console.log("ID is "+id);

			// if there's an existing eid along w/this date, register it for removal
			var old_eid = $('input[name=date_event_'+id+']').attr("value");
			if (old_eid) {
				$('#dates').append('<input type="text" style="position: absolute; visibility: hidden;" name="remove_date_'+id+'" value="'+old_eid+'" />');
			}

			$('#date_'+id).slideUp("normal",
				function(){
					$('#date_'+id).remove();
				}
			);
			
			return false;
		});
	
	});  
 };

})(jQuery);  
/* End dates plugin */

/* Expandable list management item */
(function($){  
 $.fn.expandableList = function() {  
	return this.each(function() {  
		// pass me a textarea id
		var obj = $(this);
		var keyID = $(this).attr("id");
		////console.log("Calling readList at startup for "+keyID);
		obj.readList();
		
		// Make the data holder
		var myList = obj.data("values");
		
		if (!myList) {
			myList = new Array;
			obj.data("values", myList);
		}
			
		// Clicking the "expand_keyID" button should write the content of the 
		// field to the data bucket, and add a new field
		$('#expand_'+keyID).click(function() {
			myList = obj.data("values");
			var newvalue = $('input[name=newpart_'+keyID+']').attr("value");
			////console.log("Adding: "+newvalue);
			myList.push(newvalue);
			obj.data("values", myList);
			////console.log("Calling writeList from #expand click for "+keyID);
			obj.writeList();
			
			// add the new field
			var new_item_index = myList.length;
			$('input[name=newpart_'+keyID+']')
				.clone(true)
					.hide()
						.attr("name", 'part'+new_item_index+'_'+keyID)
							.addClass("existingPart")
								.appendTo('#partswrapper_'+keyID)
									.after(' <a class="delbutton" href="#" id="delete_part'+new_item_index+'_'+keyID+'">[X]</a>')
										.slideDown("normal")
											.partBehaviors(obj);
			$('input[name=newpart_'+keyID+']').attr("value", '');
		});
		
		// Update the value in the value bucket if the user edits an existing item.
		$('#partswrapper_'+keyID+' > .existingPart').partBehaviors(obj);
		
	});  
 };
 
 // Update the value in the value bucket if the user edits an existing item.
 $.fn.partBehaviors = function(obj) { 
	return this.each(function() {  
		////console.log("Adding part behaviors for "+$(this).attr("name"));
 		$(this).change(function() {
			var fullList = new Array();
			$('.existingPart').each(function() {
				fullList.push($(this).attr("value"));
			});
			obj.data("values", fullList);
			obj.writeList();
		});	
		
		$('.delbutton').click(function() {
			var keyID = obj.attr("id");
			////console.log("Delete: keyID is: "+keyID);
			var thisItem = $(this).attr("id");
			////console.log("Delete: Item is "+thisItem);
			var item_to_go = thisItem.replace(/delete_/, '');
			////console.log("Delete: Item to go is: "+item_to_go);
			$(this).remove();
			$('input[name='+item_to_go+']').fadeOut("normal", function() {
				////console.log("Delete: in remove, this is: "+this);
				$(this).remove(); 
				$(this).removeClass("existingPart"); 		
				var fullList = new Array();
				$('#partswrapper_'+keyID+' > .existingPart').each(function() {
					////console.log("Re-adding to list: "+$(this).attr("value"));
					fullList.push($(this).attr("value"));
				});	
			
				obj.data("values", fullList);
				obj.writeList();
			});
			
			return false;
		});
		
		return;
	});  
 };

 $.fn.writeList = function() {  
	return this.each(function() {  
		var obj = $(this);
		var myList = obj.data("values");

		if ( myList.length <= 0 ) {
			obj.attr("value", '');
			return;
		}

		for (thisItem in myList) {
			////console.log("Item is "+myList[thisItem]);
			if (myList[thisItem].match(/\+/)) {
				myList[thisItem] = myList[thisItem].replace(/\+/, '__PLUS__');
			} 
		}
		var listJoined = myList.join('+');
		obj.attr("value", '');
		obj.attr("value", listJoined);
	});  
 };
 		
 $.fn.readList = function() {  
	return this.each(function() {  
		var obj = $(this);
		var currentList = obj.attr("value");
		
		if (!currentList) {
			return;
		}
		var keyID = obj.attr("id");
		
		var myList = currentList.split('+');

		obj.data("values", myList); // store it first
		
		var listFields = new Array;
		for (i in myList) {
			if (myList[i].match(/__PLUS__/)) {
				myList[i] = myList[i].replace(/__PLUS__/, '+');
			}
			
			listFields.push('<input type="text" style="display: none;" class="newpart temphide existingPart" '+ 
				'value="'+ myList[i] +'" name="part'+i+'_'+keyID+'"/> <a class="delbutton" href="#" id="delete_part'+i+'_'+keyID+'">[X]</a>');
		}
		
		var keyID = $(this).attr("id");
		$('#partswrapper_'+keyID).append(listFields.join(''));
		$('.temphide').slideDown("normal").removeClass("temphide");
		
		////console.log("Calling writeList from readList for "+keyID);
		obj.writeList();
		
		return;
		
	});  
 };

})(jQuery);  
/* End exp list plugin */


/* Mini-plugin to make changing the standard form show/hide behavior easy */
(function($){  
 $.fn.togglePretty = function() {  
	return this.each(function() {  
		var obj = $(this);
	
	 	if (obj.is(":visible")) {
			obj.hidePretty("normal");
		} else {
			obj.showPretty("normal");
		}
 
	});  
 };
 
 $.fn.showPretty = function() {  
	return this.each(function() {  
 		var obj = $(this);
		if (obj.is(":hidden")) {
			obj.slideDown("normal");
		}
	});  
 };

 $.fn.hidePretty = function() {  
	return this.each(function() {  
 		var obj = $(this);
		if (obj.is(":visible")) {
			obj.slideUp("normal");
		}
	});  
 };
    
})(jQuery);  
/* end *Pretty plugin */

/* utility: pass it a list of ids, and a hash of ids to show, and it 
will show the ones in the hash and hide the rest from the full list */
function show_hide (full_list, active_list) {
	if (!full_list) {
		return;
	}
	
	if (!active_list) {
		active_list = {};
	}
		
	for (i in full_list) {
		if (active_list[full_list[i]]) {
			$('#'+full_list[i]).showPretty();
		} else {
			$('#'+full_list[i]).hidePretty();
		}
	}
}
/* finish show_hide() */

/* Payment type behaviors controller */
function payment_type() {
	////console.log("Setting payment type options in payment_type()");
	var no_fee_options = new Array(
		"event_payment_options",
		"event_cost",	
		"event_deposit_amount",
		"event_final_payment_due_month",
		"event_scholarship",
		"event_apply_for_scholarship",
		"event_member_discount"
	);
	
	// "Payment Required" selected, show these
	var payment_required_options = {
		"event_payment_options":1,
		"event_cost":1,	
		"event_final_payment_due_month":1,
		"event_scholarship":1,
		"event_apply_for_scholarship":1,
		"event_member_discount":1
	};		

	// "Pay In Full" selected, show these
	var pay_in_full_options = {
		"event_cost":1,	
		"event_scholarship":1,
		"event_apply_for_scholarship":1,
		"event_member_discount":1
	};
	
	var deposit_required_options = {
		"event_cost":1,	
		"event_deposit_amount":1,
		"event_final_payment_due_month":1,
		"event_scholarship":1,
		"event_apply_for_scholarship":1,
		"event_member_discount":1
	};
	
	var payment_type_str = $('#payment_restrictions option:selected').attr("value");
	////console.log("Selected option is "+payment_type_str);
	
	if (payment_type_str == "Payment Required") {
		show_hide(no_fee_options, payment_required_options);
	} else if (payment_type_str == "Must Pay in Full") {
		show_hide(no_fee_options, pay_in_full_options);
	} else if (payment_type_str == "Deposit Required") {
		show_hide(no_fee_options, deposit_required_options);
	} else {
		show_hide(no_fee_options);
	}
	
	$('#scholarship').change();
}
/* End payment type behaviors controller */

/* organizer / staff lookup */
(function($){  
 $.fn.person_check = function() {  
	return this.each(function() {  
		$(this).change(function() {
			console.log("Running person check");
			var address = $(this).attr('value');
			var event_prop_name = $(this).attr('name');
			//console.log("Checking "+address);
			//console.log("Event prop "+event_prop_name);

			$('#event_'+event_prop_name+' .ajax_result').load("/email_lookup/"+address); 
		 });
	});
  }
})(jQuery);  


$(document).ready(function () {
	/* Event display page */
	$('#eventDisplayTabs').tabs();
	$('#itin_tab').click(function() { 
    	$('#eventDisplayTabs').triggerTab(2);
    	return false;
	});
	
	$('#program_highlights').expandableList();
	$('#whats_included').expandableList();
	$('#accommodations').expandableList();
	$('#q_and_a').expandableList();

	$('#eventEditTabs').tabs({
		onClick: function(clickedThis) {
			var anchor = $(clickedThis).attr("href");
			////console.log("Clicked: "+anchor);
        	var act = $('#event_edit_form').attr("action");
        	if (act.match(/\#/)) {
        		////console.log("Matched a #");
        		act = act.replace(/\#.*$/, anchor);
        	} else {
        		act = act + anchor;
        	}
           	////console.log("act is "+act);
 	
        	$('#event_edit_form').attr("action", act);
        }
    });

	$('a.lightbox').lightBox();
        ////console.log("Setting region / chapter options");
	////console.log("Event type: "+$('input[name=event_type]:checked').attr("value"));

	$('#event_host_1').person_check();
	$('#event_host_2').person_check();

	// Region / chapter behaviors
	if ($('input[name=event_type]:checked').attr("value") == "Regional_Council" ||
		$('input[name=event_type]:checked').attr("value") == "Chapter") {
		////console.log("Showing region field");
		$('#event_region').showPretty();
	} else {
		////console.log("Hiding region field");
		$('#event_region').hidePretty();
	}	
		
	if ($('input[name=event_type]:checked').attr("value") == "Chapter") {
		////console.log("Showing chapter field");
		$('#event_chapter_select').showPretty();
	} else {
		////console.log("Hiding chapter field");
		$('#event_chapter_select').hidePretty();
	}	
	
	if ($('input[name=event_type]:checked').attr("value") == "International") {
		$('#event_in_israel').showPretty();
	} else {
		$('#event_in_israel').hidePretty();
		$('input[name=in_israel]').attr("checked", "");
	}
	
	$('input[name=event_type]').change(function() {
		var chosen = $('input[name=event_type]:checked').attr("value");
		////console.log("Chose event type "+chosen);
		
		if (chosen == "International") {
			$('#event_region').hidePretty();
			$('#event_chapter_select').hidePretty();
			$('#event_in_israel').showPretty();
		} else if (chosen == "Regional_Council") {
			$('#event_in_israel').hidePretty();
			$('input[name=in_israel]').attr("checked", "");
			$('#event_region').showPretty();
			$('#event_chapter_select').hidePretty();
		} else if (chosen == "Chapter") {
			$('#event_in_israel').hidePretty();
			$('input[name=in_israel]').attr("checked", "");
			$('#event_region').showPretty();
			$('#event_chapter_select').showPretty();
		} else {
			$('#event_in_israel').hidePretty();
			$('input[name=in_israel]').attr("checked", "");
			$('#event_region').hidePretty();
			$('#event_chapter_select').hidePretty();
		}
	});	
	// end region / chapter behavior
	
	// Fee behaviors
	////console.log("Setting payment options");
	
	payment_type(); // set initial state
	
	$('#payment_restrictions').bind("change", function() { 
		////console.log("In payment_restrictions change event");
		return payment_type() 
	});
	
	/* check apply for scholarship */
	$('#scholarship').bind("change", function() {
		if ($('#scholarship').is(":hidden")) {
			return false;
		}
		
		var yesno = $('#scholarship option:selected').attr("value");
		////console.log("Scholarship value is "+yesno);
		if (yesno == "1") {
			////console.log("Showing scholarship apply");
			$('#event_apply_for_scholarship').showPretty();
		} else {
			////console.log("Hiding scholarship apply");
			$('#event_apply_for_scholarship').hidePretty();
		}
		return false;
	});
		
	$('#scholarship').change();
	
	// end fee behaviors
	
	
	/* audience restriction behaviors */
	$('#audience_restriction').bind("change", function() {
		if ($('#audience_restriction option:selected').attr("value") == "Restricted") {
			$('#event_audience').showPretty();
		} else {
			$('#event_audience').hidePretty();
		}
	});
	
	$('#audience_restriction').change();
	// end audience restriction behaviors 

	/* travel info main behavior */
	$('#show_airports').bind("change", function() {
		if ($('#show_airports').is(":checked")) {
			$('#event_airports').showPretty();
		} else {
			$('#event_airports').hidePretty();
		}
	});
	
	$('#use_travel_form').bind("change", function() {
		if ($('#use_travel_form').is(":checked")) {
			$('#event_travel_info').showPretty();
			$('#event_show_airports').showPretty();
			$('#show_airports').change();
		} else {
			$('#event_travel_info').hidePretty();
			$('#event_show_airports').hidePretty();
			$('#event_airports').hidePretty();
		}
	});
	
	$('#use_travel_form').change();
	
	// write current dates into storage fields
	$('.jdate,#time_start_am_pm_new,#time_end_am_pm_new').change(function() {
		var myName = $(this).attr("name");
		var realName = myName.replace(/_new$/, '');
		var myValue = $(this+' option:selected').attr("value") || $(this).attr("value");
		console.log("Changed "+myName+" ("+realName+") to "+myValue);
		$('textarea[name='+realName+']').html(myValue);
	});
	 
	var aDate = ["date_start_month_new", "date_start_year_new", "date_start_day_new", "time_start_am_pm_new",
		"date_end_month_new", "date_end_year_new", "date_end_day_new", "time_end_am_pm_new"];
	
    $('#add_date').data("count", $('#date_start_count').attr("value"));	

	// Handle date add
	$('#add_date').click(function() {
		var curr =  $('#add_date').data("count");
		var thisDate = [];
		for (i in aDate) {
			thisDate[aDate[i]] = $('select[name='+aDate[i]+'] option:selected').attr("value") || '';
			var real = aDate[i].replace(/_new/, "");
			//console.log("Real name is "+real+", adding value "+thisDate[aDate[i]]);
			//$('textarea[name='+real+']').attr("value", thisDate[aDate[i]]);
		}
		
		thisDate["time_start_new"] = $('input[name=time_start_new]').attr("value") || '';
		thisDate["time_end_new"] = $('input[name=time_end_new]').attr("value") || '';
		
		$('textarea[name=time_start]').attr("value", thisDate["time_start"]);
		$('textarea[name=time_end_new]').attr("value", thisDate["time_end_new"]);
		
		var startdate = thisDate["date_start_year_new"]+'-'+thisDate["date_start_month_new"]+'-'+thisDate["date_start_day_new"];
		var enddate = thisDate["date_end_year_new"]+'-'+thisDate["date_end_month_new"]+'-'+thisDate["date_end_day_new"];
		
		$('#date_content').append(
		'<span id="date_'+curr+'" style="display: none; height: 18px;">'+
			thisDate["date_start_month_new"]+'/'+thisDate["date_start_day_new"]+'/'+thisDate["date_start_year_new"]+' '+
			thisDate["time_start_new"]+' '+thisDate["time_start_am_pm_new"]+
			' to '+thisDate["date_end_month_new"]+'/'+thisDate["date_end_day_new"]+'/'+thisDate["date_end_year_new"]+' '+
			thisDate["time_end_new"]+' '+thisDate["time_end_am_pm_new"]+
			'<input type="text" style="position: absolute; visibility: hidden;" name="time_end_am_pm_'+curr+'" value="'+thisDate["time_end_am_pm_new"]+'" />'+
			'<input type="text" style="position: absolute; visibility: hidden;" name="date_start_'+curr+'" value="'+startdate+'" />'+
			'<input type="text" style="position: absolute; visibility: hidden;" name="date_end_'+curr+'" value="'+enddate+'" />'+
			'<input type="text" style="position: absolute; visibility: hidden;" name="time_start_'+curr+'" value="'+thisDate["time_start_new"]+'" />'+
			'<input type="text" style="position: absolute; visibility: hidden;" name="time_end_'+curr+'" value="'+thisDate["time_end_new"]+'" />'+
			'<input type="text" style="position: absolute; visibility: hidden;" name="time_start_am_pm_'+curr+'" value="'+thisDate["time_start_am_pm_new"]+'" />'+
		' <a href="#" id="delete_date_'+curr+'" class="delete_date">[X]</a><br /></span>'
		);
		
		var old_start = $('input[name=date_start]').attr("value");
		var old_end = $('input[name=date_end]').attr("value");

		if (!old_start) {
			$('textarea[name=date_start]').attr("value", startdate);
		}
		if (!old_end) {
			$('textarea[name=date_end]').attr("value", enddate);
		}

		$('#delete_date_'+curr).date_item(); // add behaviors for delete button
		
		$('#dates').showPretty();
		$('#date_'+curr).showPretty();
		curr = curr + 1;
		$('#add_date').data("count", curr);
		
		// clear the main form
		//$('#date_section_new select, #date_section_new input').attr("value", "");
	});
	

	// date item delet button behaviors
	$('.delete_date').date_item();
	
	
	/* Compare table behavior 
	$('tr.compare_item').hover(
		function() {
			var id = $(this).attr("id");
			//console.log("ID is "+id);
			var more = $('#more_'+id).html();
			
			$('#compare_more_fill').hide().html(more).fadeIn("normal");		
		},
		function() {
			$('#compare_more_fill').fadeOut("normal", function(){
				$('#compare_more_fill').empty();
			});
		}
	); */
	
	
}); /* End document.ready() */