$(document).ready(function(){
   	// set variable with form html
   	var formHtml = '<h4>Signup to Miku&rsquo;s Email Newsletter</h4><form id="newsletter_form" name="ccoptin" action="http://visitor.constantcontact.com/d.jsp" target="_blank" method="post"><input type="hidden" name="m" value="1102329573860" /><input type="hidden" name="p" value="oi" /><input type="text" value="Your Email Address" id="newsletter_email" name="ea" /><input type="submit" value="Signup!"  name="go" /></form>';
	// make an array of images
	var imageName = new Array();
	imageName[0] = "prawn";
	imageName[1] = "fish";
	imageName[2] = "lobster";
	imageName[3] = "salmon";
	imageName[4] = "flyingFish";
	imageName[5] = "crab";
	// select a random array element
	var random_index = Math.floor(Math.random()*5);
	// swap out newletter form on page load and put in the randomly selected image 
	$(document).ready(function(){
		$("#newsletter_signup").html('<img src="img/animal-' + imageName[random_index] + '.gif" alt="Signup to the Miku newsletter" align="right" id="newsletter_' + imageName[random_index] + '" />');
 	});
	// on clicking the image put form html back in
	$("#newsletter_signup > img").click(function () { 
    	$("#newsletter_signup").html(formHtml);
    });

});