// Intialise Document
	$(document).ready(function()
	{
		fixTransparency();
		
		// Define Form Field Behaviour
		$("form input.inline").focus(function()
		{
			if($(this).val() == $(this).attr("title"))
			{
				$(this).val("");
				$(this).removeClass("filled");
			}
		});

		$("form input.inline").blur(function()
		{
			if($(this).val() == "")
			{
				$(this).val($(this).attr("title"));
				$(this).removeClass("filled");
			}
			else
			{
				$(this).addClass("filled");
			}
		});

		$("form input.inline").keyup(function()
		{
			if($(this).val() != $(this).attr("title") && $(this).val() != "")
			{
				$(this).addClass("filled");
			}
			else
			{
				$(this).removeClass("filled");
			}
		});
   
		// Define Summary Panel Behaviour
		$(".panel.summary a.arrow.left:not(.disabled),.panel.summary a.arrow.right:not(.disabled)").live('click', function(Event)
		{
			// Initialise Vairables
			var Array_Positions = new Array();
			var String_Target = "";
			var String_Navigation = '<a class="arrow left" style="background: url(\'images/arrows/large-left-enabled.png\') no-repeat right center;">&nbsp;</a> <a class="arrow right">&nbsp;</a>';

			
			// Generate Quick Navigation
			if($(this).hasClass("left"))
			{
				Array_Positions[0] = 100;
				Array_Positions[1] = -100;
				Array_Positions[2] = 0;

				String_Target = Array_Pages[$.inArray(String_Page, Array_Pages) - 1];

				if($.inArray(String_Page, Array_Pages) - 1 == 0)
				{
					String_Navigation = '<a class="arrow left disabled">&nbsp;</a> <a class="arrow right">&nbsp;</a>';
				}
			}
			else
			{
				Array_Positions[0] = -100;
				Array_Positions[1] = 100;
				Array_Positions[2] = 0;
   
				String_Target = Array_Pages[$.inArray(String_Page, Array_Pages) + 1];
   
				if($.inArray(String_Page, Array_Pages) + 1 + 1 == Array_Pages.length)
				{
					String_Navigation = '<a class="arrow left">&nbsp;</a> <a class="arrow right disabled">&nbsp;</a>';
				}
			}

			window.String_Page = String_Target;
			
			// Check For Basic Mode
			if(inBasicMode())
			{
				window.location = String_Page + ".php";

				return false;
			}
   			
			// Animate Summary Panel
			$(".panel.summary").animate({ "margin-left": Array_Positions[0] + "px", "opacity": "0" }, 500, function()
			{
				$(".panel.summary .content").load("ajax.php", { mode: "load", page: String_Page, type: "summary" }, function(String_Response, String_Status)
				{
					$(this).prepend(String_Navigation);

					if(Boolean_Expanded)
					{
						$(this).find("p").last().append('<a class="contract" href="#">Less Information</a>');
					}
					else
					{
						$(this).find("p").last().append('<a class="expand" href="#">More Information</a>');
					}

					$(this).parent().css("margin-left", Array_Positions[1] + "px");

					$(this).parent().animate({ "margin-left": Array_Positions[2] + "px", "opacity": "1" }, 500);
				});
			});
			
			// Animate Expanded Panel
			$(".panel.expanded").slideUp(500, function()
			{
				$(".panel.expanded .content").load("ajax.php", { mode: "load", page: String_Page, type: "full" }, function(String_Response, String_Status)
				{
					$(this).append('<div class="clear"></div>');

					if(Boolean_Expanded)
					{
						$(".panel.expanded").slideDown(500);
					}
				});
			});
   			
			// Animate Wall
			$(".wall").fadeOut(500, function()
			{
				$(".wall").empty();
				
				if($.browser.msie)
				{
					$(".wall").css("background-image", "url('images/backgrounds/wall-" + String_Page.replace(/-/g, "") + ".jpg')");
					
					$(".wall").fadeIn(500);
				}
				else
				{
					$('<img/>').attr("src", "images/backgrounds/wall-" + String_Page.replace(/-/g, "") + ".jpg").load(function()
					{
						$(".wall").css("background-image", "url('images/backgrounds/wall-" + String_Page.replace(/-/g, "") + ".jpg')");
   
						$(".wall").fadeIn(500);
					});
				}
			});
			$(".header").fadeTo(500, 0.999, function()
			{
				$(".header").fadeTo(500, 1);
			});
			
			Event.preventDefault();
		});
   		
		
		// Define Expanded Panel Behaviour
		$(".panel.summary a.expand,.panel.summary a.contract").live('click', function(Event)
		{
			// Toggle Expanded Panel State
			if($(this).text() == "More Information")
			{
				$(this).text("Less Information");
				$(this).addClass("contract");
				$(this).removeClass("expand");
				
				scrollTo(".panel.summary h1", 1000);
   
				$(".panel.expanded").slideDown(1000, function()
				{
					window.Boolean_Expanded = true;
					
					setCookie("expanded", "true", 1);
				});
			}
			else
			{
				$(this).text("More Information");
				$(this).addClass("expand");
				$(this).removeClass("contract");
				
				scrollTo(".header", 1000);
   
				$(".panel.expanded").slideUp(1000, function()
				{
					window.Boolean_Expanded = false;
					
					setCookie("expanded", "false", 1);
				});
			}
			
			Event.preventDefault();
		});
		
		
		// Define Overlay Panel Behaviour (Video)
		$(".panel a.video, .thumbnail.clickable").live('click', function(Event)
		{
			// Attempt Load
			$.get("ajax.php", { mode: "load", video: $(this).attr("href").split("#").pop() }, function(String_Response, String_Status)
			{
				// Check Response
				if(String_Response.length > 0)
				{
					// Append Overlay & Panel
					$("body").prepend('<div class="overlay">' + '<div class="panel video">' + '<div class="content">' + String_Response + '</div>' + '</div>' + '</div>');
					
					// Obtain Video File
					var String_File = String_Response.substr(String_Response.indexOf("<!--") + 4, String_Response.indexOf("-->") - String_Response.indexOf("<!--") - 4);
					
					
					// Append Flash Element
					$(".overlay .content").append('<div class="flash">' + '<div>' + '</div>' + '<img src="images/overlays/video.png" alt="" width="320" height="320" />' + '</div>');
					$(".overlay .content .flash div").flash({ swf: String_File, width: 460, height: 380, wmode: "opaque", hasVersion: 9, hasVersionFail: function()
					{
						$(".overlay .content .flash img").attr("src", "images/overlays/video-missing.png");
					}});
					
					fixTransparency();

					// Adjust Overlay
					$(".overlay").css("height", ($("body").height() + 30) + "px");
					$(".overlay .panel.video").css("margin-top", ((($("body").height() + 30) / 2) - 310) + "px");

					$(".overlay").fadeOut(0, function()
					{
						$(".overlay").fadeIn(1000, function()
						{
							scrollTo(".overlay .panel.video", 1000);
						});
					});
				}
			});

			Event.preventDefault();
		});
		
		$(".panel.video a.close").live('click', function(Event)
		{
			$(".overlay").fadeOut(500, function()
			{
				$(".overlay").remove();
			});

			Event.preventDefault();
		});


		// Define Overlay Panel Behaviour (Album)
		$(".panel a.album").live('click', function(Event)
		{
			// Attempt Load
			$.get("ajax.php", { mode: "load", album: $(this).attr("href").split("#").pop() }, function(String_Response, String_Status)
			{
				// Check Response
				if(String_Response.length > 0)
				{
					// Append Overlay & Panel
					$("body").prepend('<div class="overlay">' + '<div class="panel gallery">' + '<div class="content">' + String_Response + '</div>' + '</div>' + '</div>');

					// Adjust Overlay
					$(".overlay").css("height", ($("body").height() + 30) + "px");
					$(".overlay .panel.gallery").css("margin-top", ((($("body").height() + 30) / 2) - 310) + "px");
					
					if(inBasicMode())
					{
						fixTransparency();

						scrollTo(".overlay .panel.gallery", 1000);
					}
					else
					{
						$(".overlay").fadeOut(0, function()
						{
							$(".overlay").fadeIn(1000, function()
							{
								scrollTo(".overlay .panel.gallery", 1000);
							});
						});
					}
				}
			});

			Event.preventDefault();
		});

		$(".panel.gallery a.arrow.left:not(.disabled),.panel.gallery a.arrow.right:not(.disabled)").live('click', function(Event)
		{
			// Initialise Variables
			var String_Album = $(this).attr("href").split("#").splice(1, 1).pop();
			var Integer_Photograph = $(this).attr("href").split("#").pop();
			var Array_Positions = new Array();

			if($(this).hasClass("left"))
			{
				Array_Positions[0] = 100;
				Array_Positions[1] = -100;
				Array_Positions[2] = 0;
			}
			else
			{
				Array_Positions[0] = -100;
				Array_Positions[1] = 100;
				Array_Positions[2] = 0;
			}

			// Remove Current Content
			$(".overlay .panel.gallery").animate({ "margin-left": Array_Positions[0] + "px", "margin-right": Array_Positions[1] + "px", "opacity": "0" }, 500, function()
			{			
				// Attempt Load
				$.get("ajax.php", { mode: "load", album: String_Album, photograph: Integer_Photograph }, function(String_Response, String_Status)
				{
					// Check Response
					if(String_Response.length > 0)
					{
						// Append Overlay & Panel
						$(".overlay .panel.gallery .content").html(String_Response);
					}
					
					// Reveal Loaded Content
					$(".overlay .panel.gallery").css({ "margin-left": Array_Positions[1] + "px", "margin-right": Array_Positions[0] + "px" });
					$(".overlay .panel.gallery").animate({ "margin-left": Array_Positions[2] + "px", "margin-right": Array_Positions[2] + "px", "opacity": "1" }, 500);
				});
			});

			Event.preventDefault();
		});

		$(".panel.gallery a.close").live('click', function(Event)
		{
			$(".overlay").fadeOut(500, function()
			{
				$(".overlay").remove();
			});

			Event.preventDefault();
		});
		


		// Define Menu Behaviour
		$(".header ul li a img").mouseover(function()
		{
			$(this).attr("src", $(this).attr("src").replace(".png", "-over.png"));
		});
   
		$(".header ul li a img").mouseout(function()
		{
			$(this).attr("src", $(this).attr("src").replace("-over.png", ".png"));
		});
		
		
		// Initialise Page
		if(Boolean_Expanded || inBasicMode())
		{
			if(!inBasicMode())
			{
				$(".panel.summary").find("p").last().append('<a class="contract" href="#">Less Information</a>');
			}

			$(".panel.expanded").slideDown(0);

			Boolean_Expanded = true;

			setCookie("expanded", "true", 1);
		}
		else
		{
			$(".panel.summary").find("p").last().append('<a class="expand" href="#">More Information</a>');

			$(".panel.expanded").slideUp(0);

			Boolean_Expanded = false;

			setCookie("expanded", "false", 1);
		}
	});