$(document).ready(function(){
			 
		  /*$('#top-header').animate({
			  opacity: 'hide'
		  });
		  
		  $('#top-header').animate({
			  opacity: 'show',
			  //height: '+=300px'
			  marginTop: '-150px'
		  }, 1600).css({
			  'display': 'block'
		  });
		  
		
		  $('#tabs li a').animate({
			  marginTop: '+=10px'
		  }, 200);
		  	
		  $('#tabs li').animate({
			  opacity: 'show',
			  //height: '+=300px'
			  marginTop: '+=10px'
		  }, 2200).css({
			  'display': 'block'
		  });*/
		  
		  $('#contact-me').hide();
		  
		  $('#contact-me').insertBefore('#top-header');
		  
		  $("#contact-me-link").click(function () {
			 $('#contact-me').css({
			 	'visibility': 'visible'	 
			 }).slideToggle();
		  });
		  
		  
		  
				
		$(function(){
			$('span a').click(function(){
				var ourText = $('body, h1, h2, h3, #nav span a');
				var currFontSize = ourText.css('fontSize');
				var finalNum = parseFloat(currFontSize, 10);
				var stringEnding = currFontSize.slice(-2);
				if(this.id == 'large') {
					finalNum *= 1.2;
				}
				else if (this.id == 'small'){
					finalNum /=1.2;
				}
				ourText.css('fontSize', finalNum + stringEnding);
			});
		});
		
		/* cloud stuff */
		var cloudMoved = false;
		var cloud2Moved = false;
		var cloud3Moved = false;
		var cloud4Moved = false;
		var cloud5Moved = false;
		var cloud6Moved = false;
		var cloud7Moved = false;
		var cloud8Moved = false;
		var rainMoved = false;
		//var birdMoved = false;
		
		$(init);
		
		function init()
		{
			cloudMove();
			cloud2Move();
			cloud3Move();
			cloud4Move();
			cloud5Move();
			cloud6Move();
			cloud7Move();
			cloud8Move();
			rainMove();
			//birdMove();
		}
		
		function cloudMove()
		{
			if (!cloudMoved)
			{
				$(".cloud")
					.css("right", $(".cloud").offset().right)
			}
		
			$(".cloud")
				.animate(
					{
						right: $("#sky").width()
					},
					cloudMoved ? 180000 : 150000,
					"linear",
					function()
					{
						$(this)
							.css("right", -parseInt($(this).css("width")))
						cloudMoved = true;
						cloudMove();
					}
				)
		}
		
		function cloud2Move()
		{
			if (!cloud2Moved)
			{
				$(".cloud2")
					.css("left", $(".cloud2").offset().left)
			}
			$(".cloud2")
				.animate(
					{
						left: $("#sky").width()
					},
					cloud2Moved ? 140000 : 80000,
					"linear",
					function()
					{
						$(this)
							.css("left", -parseInt($(this).css("width")))
						cloud2Moved = true;
						cloud2Move();
					}
				)
		}
		
		function cloud3Move()
		{
			if (!cloud3Moved)
			{
				$(".cloud3")
					.css("left", $(".cloud3").offset().left)
			}
			$(".cloud3")
				.animate(
					{
						left: $("#sky").width()
					},
					cloud3Moved ? 400000 : 150000,
					"linear",
					function()
					{
						$(this)
							.css("left", -parseInt($(this).css("width")))
						cloud3Moved = true;
						cloud3Move();
					}
				)
		}
		
		function cloud4Move()
		{
			if (!cloud4Moved)
			{
				$(".cloud4")
					.css("left", $(".cloud4").offset().left)
			}
			$(".cloud4")
				.animate(
					{
						left: $("#sky").width()
					},
					cloud4Moved ? 100000 : 60000,
					"linear",
					function()
					{
						$(this)
							.css("left", -parseInt($(this).css("width")))
						cloud4Moved = true;
						cloud4Move();
					}
				)
		}
		
		
		function cloud5Move()
		{
			if (!cloud5Moved)
			{
				$(".cloud5")
					.css("right", $(".cloud5").offset().right)
			}
			$(".cloud5")
				.animate(
					{
						right: $("#sky").width()
					},
					cloud5Moved ? 100000 : 60000,
					"linear",
					function()
					{
						$(this)
							.css("right", -parseInt($(this).css("width")))
						cloud5Moved = true;
						cloud5Move();
					}
				)
		}
		
		
		function cloud6Move()
		{
			if (!cloud6Moved)
			{
				$(".cloud6")
					.css("right", $(".cloud6").offset().right)
			}
			$(".cloud6")
				.animate(
					{
						right: $("#sky").width()
					},
					cloud6Moved ? 40000 : 100000,
					"linear",
					function()
					{
						$(this)
							.css("right", -parseInt($(this).css("width")))
						cloud6Moved = true;
						cloud6Move();
					}
				)
		}
		
		
		function cloud7Move()
		{
			if (!cloud7Moved)
			{
				$(".cloud7")
					.css("right", $(".cloud7").offset().right)
			}
			$(".cloud7")
				.animate(
					{
						right: $("#sky").width()
					},
					cloud7Moved ? 100000 : 60000,
					"linear",
					function()
					{
						$(this)
							.css("right", -parseInt($(this).css("width")))
						cloud7Moved = true;
						cloud7Move();
					}
				)
		}
		
		
		function cloud8Move()
		{
			if (!cloud8Moved)
			{
				$(".cloud8")
					.css("left", $(".cloud8").offset().left)
			}
		
			$(".cloud8")
				.animate(
					{
						left: $("#sky").width()
					},
					cloud8Moved ? 180000 : 150000,
					"linear",
					function()
					{
						$(this)
							.css("left", -parseInt($(this).css("width")))
						cloud8Moved = true;
						cloud8Move();
					}
				)
		}
		
		function rainMove()
		{
			if (!rainMoved)
			{
				$("#rain")
					.css("top", $("#rain").offset().top)
			}
			$("#rain")
				.animate(
					{
						top: $("#sky").width()
					},/*opacity: 0.25,
					left: '+=50',
					height: 'toggle',*/
					rainMoved ? 60000 : 40000,
					"linear",
					function()
					{
						$(this)
							.css("top", -parseInt($(this).css("width")))
						rainMoved = true;
						rainMove();
					}
				)
		}
		
		/* function birdMove()
		{
			if (!birdMoved)
			{
				$("#bird")
					.css("right", $("#bird").offset().right)
			}
			$("#bird")
				.animate(
					{
						right: $("#sky").width()
					},opacity: 0.25,
					left: '+=50',
					height: 'toggle',
					birdMoved ? 60000 : 40000,
					"linear",
					function()
					{
						$(this)
							.css("right", -parseInt($(this).css("width")))
						birdMoved = true;
						birdMove();
					}
				)
		}
		cloud stuff end */
		  
	  });