//Array to use for random/rotating banner.  Should match class in style.css
var bodyClass = new Array();
bodyClass[0] = 'one';
bodyClass[1] = 'two';
bodyClass[2] = 'three';
bodyClass[3] = 'four';
bodyClass[4] = 'five';

var randomNumber=Math.floor(Math.random()*bodyClass.length); 

$(document).ready(function() { 
	//Add a class to the body to create a random banner, using the array and random number above.
	$("body").removeClass();
	$("body").addClass(bodyClass[randomNumber]);

	//Hide the full text, and display the short text for EACH Health area
	//$(".inner-full").slideUp("fast");
	
	//Add click function to read more link.  this will display full information for selected area and hide the rest.
	$(".read-link").click(function() { 
		//$(".inner-full").slideUp("slow");
		//$(".inner-short").slideDown("slow");
		//$(this).parent().parent().children(".inner-full").slideDown("slow");
		//$(this).parent().parent().children(".inner-short").slideUp("fast");
		$(".inner-full").hide();
		$(".inner-short").show();
		$(this).parent().parent().children(".inner-full").show();
		$(this).parent().parent().children(".inner-short").hide();
	});
	
	//Make the background transparent for the welcome statment.  - fixes ie basically.
	$("#welcome-background").height($("#welcome-text").height());
});