// JavaScript Document
			window.onload = function()  
			{
				$("#container").dropShadow({left: 4, top: 4, blur: 3});
				
				// Toggle all shadows on and off
				$("#btnToggle").toggle(
					function()
					{
						$(".dropShadow").hide();
						$(this).val("Show Shadows");
					}, 
					function()
					{
						$(".dropShadow").show();
						$(this).val("Hide Shadows");
					});
					
				// Examples select event handler
				$("#selExample").change(ShowExample);
				
				// Update button event handler
				$("#btnUpdate").click(UpdateDisplay);
				
				// Font radio event handlers
				$("#serif").click(
					function()
					{
						$(".Display").css("font-family", "serif");
						$(".Display span").redrawShadow();
					});				
				$("#sans").click(
					function()
					{
						$(".Display").css("font-family", "sans-serif");
						$(".Display span").redrawShadow();
					});				
				
				UpdateDisplay();
				$(window).resize();
				
			}
			
			function UpdateDisplay()
			{
				var opts = {
					left: parseInt($("#txtLeft").val()),
					top: parseInt($("#txtTop").val()),
					blur: parseInt($("#txtBlur").val()),
					opacity: $("#txtOpacity").val(),
					color: $("#txtColor").val(),
					swap: $("#chkSwap")[0].checked
				};
				$(".Display span").removeShadow();
				$(".Display span").dropShadow(opts);
			}
			
			function ShowExample()
			{
				var l, t, b, o, c, s;
				switch ($("#selExample").val()) {
					case "Default":
						l = 4;
						t = 4;
						b = 2;
						o = 0.5;
						c = "black"
						s = false;
						break;
					case "Soft":
						l = 6;
						t = 6;
						b = 4;
						o = 0.6;
						c = "black"
						s = false;
						break;
					case "Sharp":
						l = 4;
						t = 4;
						b = 0;
						o = 0.25;
						c = "black"
						s = false;
						break;
					case "Embossed":
						l = -3;
						t = -3;
						b = 1;
						o = 1;
						c = "white"
						s = true;
						break;
					case "Engraved":
						l = 2;
						t = 2;
						b = 2;
						o = 1;
						c = "white"
						s = true;
						break;
					case "Glow":
						l = 1;
						t = 1;
						b = 8;
						o = 4;
						c = "white"
						s = false;
						break;
				}
				$("#txtLeft").val(l);
				$("#txtTop").val(t);
				$("#txtBlur").val(b);
				$("#txtOpacity").val(o);
				$("#txtColor").val(c);
				$("#chkSwap")[0].checked = s;
				UpdateDisplay();
			}