window.onload = function()  
      {
      
        $(".PostHeader").dropShadow({left: 2, top: 2, blur: 1, color: "#03f", swap: true});
		$("#Gear").dropShadow({left: 8, top: 8, blur: 3, opacity: 0.8});
    
		
        
        // 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();
      }