// JavaScript Document
$(document).ready(function() {
	var numberOfLinks=$('a').size();
	$(".indexPost a")
		.hover(function() {
				$(this)	
					.animate({ color: "#00AA00" }, 500)
					.animate({ color: "#FF0000" }, 500)


					
			},
			function() {
				$(this)

					.animate({ color: "#315CA6" }, 200)	
										
	});
		
		
	$(".headerBar .title").fadeTo(500,0.2);
	$(".headerBar .motto")
		.animate({ backgroundColor: "#FF0000" }, 1000)
		/* Code below will show thumbnails when mousing over a post... */
	$(".onePost") 
		.hover(function() {		
				$(".postThumb").hide()						
				$(this).find(".postThumb").show("fast")
				$(this).find(".onePostBar").animate({ backgroundColor: "#FFDDDD" }, 300).css("border","1px solid black")
			},
			function() {
				
				$(this).find(".postThumb").hide()
				$(this).find(".onePostBar").animate({ backgroundColor: "#FFFFFF" }, 300).css("border","1px solid white")
	});
		
		
		$(".headerBar .title")
		.hover(function() {
				$(this)					
					.fadeTo(500,1)
				$(".headerBar .motto")
					.animate({ backgroundColor: "#00FF00" }, 1000)
	
			},
			function() {
				$(this)
					.fadeTo(500,0.5)
				$(".headerBar .motto")
					.animate({ backgroundColor: "#FF0000" }, 1000)
	});
    function animateIt() {
      $(".sitePageTitle a").animate({ color: "#33FF33" }, 2000).animate({ color: "#00AA00" }, 2000).animate({ color: "#FF3333" }, 2000).animate({ color: "#AA0000" }, 2000);
      $(".headerBar span a").animate({ color: "#FF9999" }, 2000).animate({ color: "#AA0000" }, 2000, animateIt);
		}
    animateIt();

});