mmainstreet / jodel-web

					</article>

					<article>

						<?php if(isset($_GET['postID']) && isset($_GET['getPostDetails'])) { ?>

						<h2>Comment on Jodel</h2>

						<form method="POST">				

								<input type="hidden" name="ancestor" value="<?php echo $_GET['postID'];?>" />

								<textarea id="message" name="message" placeholder="Send a comment on a Jodel to all students within 10km" required></textarea> 

							<br />

							<input type="submit" value="SEND" /> 

						</form>

							<?php } else { ?>

						<h2>New Jodel</h2>

						<form method="POST">

							<textarea id="message" name="message" placeholder="Send a Jodel to all students within 10km" required></textarea> 

							<br />

							<input type="submit" value="SEND" /> 

						</form>

						<?php } ?>

					</article>

			    $(this).addClass('selected');

			});

			<?php if(!isset($_GET['postID']) && !isset($_GET['getPostDetails'])) { ?>

			$(document).ready(function() {

				var win = $(window);

				var lastPostId = "<?php echo $lastPostId; ?>";

				var old_lastPostId = "";

				var morePostsAvailable = true;

				// Each time the user scrolls

				win.scroll(function() {

					// End of the document reached?

					if (($(document).height() - win.height() == win.scrollTop()) && morePostsAvailable) {

						$('#loading').show();

						$.ajax({

							url: 'get-posts-ajax.php?lastPostId=' + lastPostId,

							dataType: 'html',

							async: true,

							success: function(html) {

								var div = document.createElement('div');

								div.innerHTML = html;

								var elements = div.childNodes;

								old_lastPostId = lastPostId;

								lastPostId = elements[3].textContent;

								lastPostId = lastPostId.replace(/\s+/g, '');

								//alert('Neu: ' + lastPostId + " Alt: " + old_lastPostId);

								if(lastPostId == old_lastPostId) {

									//morePostsAvailable = false;

								}

								else {

									//alert(elements[3].textContent);

									$('#posts').append(elements[1].innerHTML);

								}

								$('#loading').hide();

							}

						});

					}

				});

			});	

		<?php } ?>

		</script>

	</body>