(function($) {
  // global closure and $ portability

  $(document).ready( function() {
     
     var initialAnchor = $.anchor();
     
     var panelAnchor;
     
     
     // record the document title - we'll append the panel title to this as they are scrolled to
     var documentTitle = document.title;

     var caseStudyImageUrlBase = "/images/case_studies/";
     
    /* -- Panel Scroller Setup -- */

    // -- Supporting functions

    var updateScrollerButtonPosition = function() {
      $('.scroller_previous').css( 'left', (( $(window).width() - 850 ) / 2 ) - 25 );
      $('.scroller_next').css( 'left', (( $(window).width() - 850 ) / 2 ) + 790 );
    };

    var updateSubNavigation = function(panel) {
      
      var subNavItems = $( $(panel).metadata().subNavId || ('ul.sub_nav #' + $(panel).attr("id").replace("panel", "nav")));
      
      $('ul.sub_nav li').removeClass("on");

      if (subNavItems.length > 0) {
        subNavItems.addClass("on");
      }
    };

	var scrollToAnchor = function(anchor, instant) {
      if (anchor != "") {
        var panels = $('#panel_' + anchor);

        if (panels.length > 0) {
          $(panels).closest(".scroller").scrollerTo(panels[0], instant);
        } else {
          return false;
        }

        return true;
      }

      // the anchor was empty, or the panel was not found
      return false;
    };
 
  
    // -- Setup button positioning and click events

    updateScrollerButtonPosition();

    $('.scroller_next')
     .click( function(event) {
       $(event.target).closest(".scroller").scrollerNext();
     });

    $('.scroller_previous')
    .click( function(event) {
      $(event.target).closest(".scroller").scrollerPrevious();
    })
    .hide();
    
    
    // -- Setup the scroller, and event bindings
    $('.scroller').scroller();

    
    // scroll to the anchor instantly (if available)
    scrollToAnchor($.anchor(), true);
    
    
    

    //alert($.anchor());
    
    $('.scroller').bind("scroller.beforescroll", function(event, item, instant) {
      // show the panel title so that the content is masked in the old panel
      // also, make sure that any existing animations are stopped, and opacity is reset first (prevents bugs with quick scrolling multiple times leaving panel content exposed)
  
      // remove transparency from all panels
      $(this).find(".panel_transparent").removeClass("panel_transparent");
      
      // remove any feature background
      var bgClass = $(item).metadata().bgClass;
      
      if (bgClass) {
          $('#bg_feature').removeClass(bgClass).hide();
      }

      // hide any revealed panels and close buttons
      $(item).closest(".panel").removeClass("panel_current").find(".panel_close").hide().end().find(".panel_reveal_content:visible").hide();
  
      // blank the title while scrolling
      $('#page_title').html(" ");
      $(item).find(".panel_title").stop().css("opacity", 1).show();	  
      $(this).find(".scroller_previous,.scroller_next").hide();
    });

    $('.scroller').bind("scroller.afterscroll", function(event, item, instant) {
      var duration = "fast";
      
      
      $(item).addClass("panel_current");
      
      // show all other panel titles (fixes a few issues with initial load)
      $(this).find(".panel_title").not($(item).find(".panel_title")).show();
      
      // add transparent class if "transparent" is true in the meta
      if ($(item).metadata().transparent) {
        $(item).addClass("panel_transparent");
      }
      
      // update the page title from the content of the panel title in the new panel
      
      var title = $(item).find("h2:first").html();

      // update the page title
      $('#page_title').show().html( title );



      // update the window title
      if (!$(item).is(":first-child")) {
        document.title = title + " - " + documentTitle;
      } else {
        document.title = documentTitle;
      }
      
      // update the feature background (if available, and specified found in the meta)
      
      var bgClass = $(item).metadata().bgClass;
      
      if (bgClass) {
        setTimeout( function() { $('#bg_feature').hide().addClass(bgClass).fadeIn(instant || $.fadeDuration()); }, instant || $.browser.msie ? 0 : 200 );
        
      }
      
      // fade out the panel title so that the content shows through for the new panel
      $(item).find(".panel_title").fadeOut({ duration: duration});

      // show both previous/next buttons initially (one may be hidden by a "limit" event later)
      $(this).find('.scroller_previous,.scroller_next').show();
      
      // update the navigation state
      updateSubNavigation(item);
      
      // update the hash (ooooh polished!)
      document.location.hash = $(item).attr("id").replace("panel_", "");
      
      panelAnchor = document.location.hash;
      
      // track the location in Google Analytics
      pageTracker._trackPageview(document.location.pathname + document.location.hash.replace("#", ""));
      
    });

    $('.scroller').bind("scroller.afterscrolllowerlimit", function(event, item, instant) {
     // hide the previous button
     $(this).find('.scroller_previous').hide();
    }); 

    $('.scroller').bind("scroller.afterscrollupperlimit", function(event, item, instant) {
     // hide the next button
     $(this).find('.scroller_next').hide();
    }); 
	
    // create any tooltips
    
    if ($.PAGE_TOOLTIPS)
      $.each($.PAGE_TOOLTIPS, function(index, value) {
        $.tooltipCreate(value);
      });
	  
    // create any tooltips
    
    if ($.TWITTER_TOOLTIPS)
      $.each($.TWITTER_TOOLTIPS, function(index, value) {
        $.tooltipCreate(value);
      });	  
      
    // setup tooltip behaviours
    $('.tooltip_trigger').tooltip();	

    // -- Setup navigation clicks to jump to specific panels
    // -- Also, ANY link given a class of "jump" will attempt to find a panel to scroll to 
    // -- the hash anchor should be the same as for a sub-nav item, that is, the panel id without the "panel_" prefix
    
    $('ul#nav li a,a.jump').click( function(event) {

      if (scrollToAnchor($(this).anchor())) {
          // blur the link so the dotted line doesn't show

          if ($(this)[0].blur)
            $(this)[0].blur();

          event.preventDefault();
      }

    });


    // setup clicks to reveal slide in panel content
    
    $('a.slide').click( function(event) {
      // find the panel reveal target
      
      var anchor = $(this).anchor();
      
      if (anchor != "") {
      
        // find the target
        var t = $('#panel_' + anchor);
        
        if (t.length > 0) {
          
          var panelContent = $(this).closest(".panel_content");
          
          t.css("top", - $(panelContent).outerHeight()).stop(true, true).css("top", 0).fadeIn({duration: "normal", easing: "easeOutQuart"}).queue( function() {
            $(this).closest(".panel").find(".panel_close").fadeIn("slow");
          });
        }
      }
      
      event.preventDefault();
    });
    
    // setup click to hide slide in panel content
    
    $('.panel .panel_close').click( function() {
      var button = $(this);
      // find the closest panel
      $(this).closest(".panel").find(".panel_reveal_content").stop(true, true).fadeOut({duration: "normal", easing: "easeOutQuart"}).queue( function() { button.fadeOut("fast"); } );
    });
    
    
    /* -- Anchor the Footer to the bottom -- */ 
    
    $(window).resize( function() {
      $('#bg').css("height", Math.max( 600, $(window).height() - 33 ));
      $('#overlay').css("height", Math.max( 608, $(window).height() - 25 ));
      updateScrollerButtonPosition();
      $(".scroller").scrollerUpdateOrigin(true);
      
    }).resize();
 
    // update the scroller to the correct place
    $(".scroller").scrollerUpdate();

    /* -- Setup the Navigation (can't QUITE use pure CSS for this any more, unfortunately) -- */ 
         
    // record the currently visible nav - this will be reverted on "nav" mouseout
    
    var subNavCurrent = $('ul.sub_nav:visible');
    
    $('ul#nav>li').mouseenter( function(event) {
      // hide all other sub navs, and turn off the on state
      $('ul.sub_nav').stop(true, true).hide().closest("li").removeClass("on");
      
      // show the sub nav for this main nav item
      $(this).find("ul.sub_nav").slideDown($(this).closest("ul#nav").hasClass("inside") ? "fast" : 0);
    });
    
    $('ul#nav').mouseenter( function() {
      $(this).addClass("inside");
    });
    
    $('ul#nav').mouseleave( function(event) {
      // remove any hovers 
      $('ul#nav>li a').removeClass("hover");
      $(this).removeClass("inside");
      
      // show the default sub nav
      $('ul.sub_nav').stop(true, true).hide();
      subNavCurrent.show().closest("li").addClass("on");
    });

    $('ul.sub_nav').mouseenter( function() {
      // add hover class to the parent nav item
      $('ul#nav>li a').removeClass("hover");
      $(this).closest("li").find("a:first").addClass("hover");
    });
    
    // setup tabs
    
    $('.tabs').tabs();
    $('.tt_tabs').tabs();
    /* overlay - supporting functions */
    
    var hideOverlay = function() {
      $('#overlay').hide();
      $('#wrap_footer').removeClass("overlay");

      // disable other scroller
      $('.scroller').scrollerEnable();

      // restore the hash for the current panel
      if (panelAnchor) {
        document.location.hash = panelAnchor;
      }
      
      // disable overlay scroller
      $('#overlay .overlay_scroller').scrollerDisable();
    };
    
    
    var showOverlay = function(trigger) {
      $("#overlay_content").hide();
      $("#overlay_loading").show();
      
      $('#overlay').show();
      $('#wrap_footer').addClass("overlay");
      
      
        //console.log($.url.setUrl($(this).attr("href")).attr("file"));

      var overlayScroller = $('#overlay_content .overlay_scroller');

      if (overlayScroller.length > 0) {
        // an overlay scroller is currently present - destroy it, and unbind events from related elements on this page
        overlayScroller.scrollerDestroy();
        
        $('#overlay_content .overlay_scroller_next').unbind("click", overlayScrollerNextClick );
        $('#overlay_content .overlay_scroller_previous').unbind("click", overlayScrollerNextClick );
        $(window).unbind("resize", overlayWindowResize );
      }

      // now load the new overlay content
      
      document.location.hash = galleryAnchor(trigger);
      
      $("#overlay_content").load($(trigger).attr("href"), "ajax=true", function(responseText, textStatus) {
        

        if (textStatus == "success") {
          
          // hide the loading message and show the overlay (the overlay content must be visible BEFORE the scroller is initialised, for width measurement etc)
          $('#overlay_loading').hide();
          $('#overlay_content').show();

          updateOverlayScrollerButtonPosition();
          
          var overlayScroller = $('#overlay_content .overlay_scroller');
          
          if (overlayScroller.length > 0) {
          
            // a scroller is present in the loaded content, so set it up
            
            $('#overlay_content .overlay_scroller').scroller({
              itemSelector: "li.overlay_panel",
              clickSelector: "li.overlay_panel",
              viewWidth: 797
            });

			sIFR.replace(avenir, {
			  selector: 'h2.sifr',
			  wmode:'transparent',
				css: [
				'.sIFR-root { text-align:left; color:#535353; }'
				,'a { text-decoration: none; }'
				,'a:link { color: #000000; }'
				,'a:hover { color: #CCCCCC; }' 
				]
			});
			
			sIFR.replace(avenir, {
			  selector: 'p.sifr',
			  wmode:'transparent',			  
				css: [
				'.sIFR-root { text-align: left; font-weight:bold; }'
				,'a { text-decoration: none; }'
				,'a:link { background:#e4a452; color: #FFFFFF; }'
				,'a:hover { color: #4c342a; }' 
				]
			});			


            $('#overlay_content .overlay_scroller').bind("scroller.afterscrolllowerlimit", function(event, item, instant) {
             // hide the previous button
             $(this).find('.overlay_scroller_previous').hide();
            }); 

            $('#overlay_content .overlay_scroller').bind("scroller.afterscrollupperlimit", function(event, item, instant) {
             // hide the next button
             $(this).find('.overlay_scroller_next').hide();
            });

            $('#overlay_content .overlay_scroller').bind("scroller.beforescroll", function(event, item, instant) {
              $(this).find(".overlay_scroller_previous,.overlay_scroller_next").hide();
              $(item).removeClass("overlay_panel_current");
            });

            $('#overlay_content .overlay_scroller').bind("scroller.afterscroll", function(event, item, instant) {
              $(this).find(".overlay_scroller_previous,.overlay_scroller_next").show();
              $(item).addClass("overlay_panel_current");
            });

            $('#overlay_content .overlay_scroller_next').click( overlayScrollerNextClick );
            $('#overlay_content .overlay_scroller_previous').click( overlayScrollerPreviousClick ).hide();
            $(window).resize( overlayWindowResize );
  
            
            // disable other scroller
            $('.scroller').scrollerDisable();
            
          }
          
        }
        else if (textStatus == "error") {
          hideOverlay();
          alert('Sorry, this content could not be loaded. Please try again later.'); 
        } 
      });

    };
    
    var galleryAnchor = function(trigger) {
      return "gallery_" + $(trigger).basename(".php");
    };
    
    var updateOverlayScrollerButtonPosition = function() {
      $('.overlay_scroller_previous').css( 'left', (( $(window).width() - 798 ) / 2 ) - 25 );
      $('.overlay_scroller_next').css( 'left', (( $(window).width() - 798 ) / 2 ) + 740 );
    };
    
    
    /* overlay - events */
    
    var overlayWindowResize = function() {
      $('#overlay_content .overlay_scroller').scrollerUpdateOrigin(true);
      updateOverlayScrollerButtonPosition();
    };
    
    var overlayScrollerNextClick = function(event) {
      $(event.target).closest(".overlay_scroller").scrollerNext();
    };

    var overlayScrollerPreviousClick = function(event) {
      $(event.target).closest(".overlay_scroller").scrollerPrevious();
    };
    
    // -- setup gallery click to load gallery and show overlay, loading the scroller if content is loaded correctly 
    
    $('.trigger_gallery')
      .click( function(event) {
        showOverlay($(this));
        event.preventDefault();
      })
      .each( function() {
        // check if the initial anchor matches a gallery, and if so open the gallery overlay for that href
        if (galleryAnchor($(this)) == initialAnchor) {
          
          // scroll to the parent panel (if available)
          var panel = $(this).closest(".panel");
          
          if (panel.length > 0) {
            panel.closest(".scroller").scrollerTo(panel[0], true);
          }
          
          showOverlay($(this));
          
        }
      });


    $('#bt_overlay_close').click( function(event) {
      hideOverlay();
    });
    
    // setup share popup close button
    $('#tt_share_close').click( function(event) {
      $('#tt_share').revealHide();
      
      event.preventDefault();
    });
    
    // setup field hints for the email form
    $('#tt_panel_email input,#tt_panel_email textarea').fieldHint(); 
    
    $('#footer_share,#footer_twitter').show();
    
    // setup social links
    $('#tt_panel_social ul a').click( function(event) {
      event.preventDefault();

      var template = $(this).metadata().template;
      
      if (template) {
        var href = $.tmpl(template, { url: $.urlencode(document.location.href), title: $.urlencode(document.title) });
        window.open(href, "share");
      }
      
    });
    
    
    // setup the email a friend validation

    $("#form_share_email")
      .submit( function(event) {
        
        // first clear out all field hints when the field has not been filled in
        
        $('#your_name,#your_email,#friends_name,#friends_email,#personal_message').each( function(index, el) {
          
          if ($(el).val() == $(el).metadata().hint) {
            $(el).val("");
          }
          
        });
        
        // NOW run the validator
        
        if ($(this).valid()) {
          // send the ajax request
        
          $.post('/share', {
              "your_name"         : $('#your_name').val(),
              "your_email"        : $('#your_email').val(),
              "friends_name"      : $('#friends_name').val(),
              "friends_email"     : $('#friends_email').val(),
              "personal_message"  : $('#personal_message').val(),
              "url"               : document.location.href
            }, function (data, textStatus) {
              if (data == "OK") {
                $('#tt_share_form').hide();
                $('#tt_share_thankyou').show();
              } else {
                alert("Sorry, the email could not be sent. Please try again later"); 
              }
              
            }
          );
        }
        
        event.preventDefault();
        
      })
      .validate({
      
        meta: "validate", 
        onfocusout: false,
        onkeyup: false,
        onsubmit: false, // we will run valid manually, since we need to ignore field hints
      
        showErrors: function(errorMap, errorList) {
          
          if (errorList.length > 0) {
            var errors = $.map(errorList, function(value, index) {
              return value.message;
            });
          
          
            alert(errors.join("\n"));
          
            $('#your_name,#your_email,#friends_name,#friends_email,#personal_message').fieldHintUpdate("blur"); // restore field hints
          }
        }
      });
      
      
      $('#tt_share_link_again').click( function() {
          $('#tt_share_thankyou').hide();
          $('#tt_share_form').show();
          
          $('#friends_name,#friends_email').val("").fieldHintUpdate("blur");
      });
      
  
    /*
         
    $('#form_share_email').submit( function(event) {
        
        event.preventDefault();
        
        // check the fields
        
        var errors = [];
        
        if (errors.
        // post to the ajax service
        
        jQuery.post( url, [data], [callback], [type] )
        
        var friendsFirstName = $('#friends_name').val().split(" ")[0];
        
        document.location.href = "mailto:" + $('#friends_name').val() + ' <' + $('#friends_email').val() + '>?subject=Check%20out%20this%20site' + 
        '&body=Hi ' + friendsFirstName + 
        ",%0A%0AI%20thought%20you%20might%20be%20interested%20in%20this%20page%20on%20the%20Catalyst%20Group's%20web%20site:%0A" +  + "%0A%0A" + $('#personal_message').val() + "%0A%0ARegards,%0A%0A" + $('#your_name').val() + " (" + $('#your_email').val() + ")";
        
        
        $('#tt_share').revealHide();
    });
    
    */
    
    
  }); // end document.ready 
  
})(jQuery); // end global closure