document.observe('dom:loaded', function(e) {
		var postCommentLinks = $$('.post-comment-link');
		var tellAFriendLinks = $$('.tell-a-friend-link');
		
		postCommentLinks.each(function(s) {
				s.observe('click', function(e) {
						var id = e.element().href.match(/#(.*)/i);
						
						if (id && id[1]) {
							Effect.toggle($(id[1]), 'blind');
							//Effect.ScrollTo('');
						}
						
						e.stop();
					}
				);
			}
		);
		
		tellAFriendLinks.each(function(s) {
				s.observe('click', function(e) {
						var id = e.element().href.match(/#(.*)/i);
						
						if (id && id[1]) {
							var element = $(id[1]);
							
							Effect.toggle(element, 'blind');
							
							var form = element.getElementsBySelector('form').first();
							var submit = form.getInputs('submit').first();
							var loading = form.getElementsBySelector('.loading').first();
							var doneLoading = form.getElementsBySelector('.done-loading').first();
							
							submit.enable();
							doneLoading.hide();
							
							submit.observe('click', function(e) {
									loading.show();
									
									new Ajax.Request(form.action, {
											parameters: form.serialize(true),
											onSuccess: function(transport) {
												loading.hide();
												submit.disable();
												doneLoading.show();
											}
										}
									);
									
									submit.stopObserving('click');
									e.stop();
								}
							);
						}
						
						e.stop();
					}
				);
			}
		);
	}
);

document.observe('dom:loaded', function(e) {
		if ($('font-size-small') && $('font-size-medium') && $('font-size-large')) {
			$('font-size-small').observe('click', changeFontSize);
			$('font-size-medium').observe('click', changeFontSize);
			$('font-size-large').observe('click', changeFontSize);
		}

		// Clear login form fields when clicked
		var login_email = $('login-email');
		var login_password = $('login-password');
		
		if (login_email && login_password) {
			login_email.observe('focus', function(e) {
					var element = e.element();

					element.value = '';
					element.stopObserving();
				}
			);
			
			login_password.observe('focus', function(e) {
					var element = e.element();

					element.value = '';
					element.stopObserving();
				}
			);
		}
		
		var searchInput = $('search-input');
		
		if (searchInput) {
			searchInput.observe('focus', function(e) {
					var element = e.element();

					element.value = '';
					element.stopObserving();
				}
			);
		}
	}
);

function changeFontSize(e) {
	var element = e.element();
	
	switch (element.id) {
		case 'font-size-small':
			$('body').setStyle('font-size: 1.0em;');

			var headers = $$('.header-black, .header-yellow, .header-red');
			
			headers.each(function(s) {
					s.addClassName('header-small');
					s.removeClassName('header-medium');
					s.removeClassName('header-large');
				}
			);
			break;
		case 'font-size-medium':
			$('body').setStyle('font-size: 1.25em;');
			
			var headers = $$('.header-black, .header-yellow, .header-red');
			
			headers.each(function(s) {
					s.removeClassName('header-small');
					s.addClassName('header-medium');
					s.removeClassName('header-large');
				}
			);
			break;
		case 'font-size-large':
			$('body').setStyle('font-size: 1.40em;');
			
			var headers = $$('.header-black, .header-yellow, .header-red');
			
			headers.each(function(s) {
					s.removeClassName('header-small');
					s.removeClassName('header-medium');
					s.addClassName('header-large');
				}
			);
			break;
	}
	
	e.stop();
}