var sfPlop = {
  /**
   * Properties
   */
  _expose : null,

  /**
   * Init now.
   */
  init : function  () {
  },

  /**
   * Init on DOM ready.
   */
  initOnDomReady : function  () {
    this.loadPlugins();
    this.loadLoader();
  },

  /**
   * Load plugins. This is called in ajax navigation after the success callback.
   */
  loadPlugins : function () {
    this.loadGallery();
    this.loadSlider();
  },

  /**
   * Load the loader plugin
   */
  loadLoader : function () {
    jQuery.prettyLoader({
        animation_speed: 'fast', /* fast/normal/slow/integer (default: 'fast') */
        bind_to_ajax: true, /* true/false (default: true) */
        delay: false, /* false OR time in milliseconds (ms) (default: false) */
        loader: '/sfPlopPlugin/vendor/prettyLoader/images/ajax-loader.gif', /* Path to your loader gif */
        offset_top: 13, /* integer (default: 13) */
        offset_left: 10 /* integer (default: 10) */
      });
  },

  /**
   * Display the loader element.
   */
  showLoader: function () {
    return jQuery.prettyLoader.show();
  },

  /**
   * Hide the loader element.
   */
  hideLoader: function () {
    return jQuery.prettyLoader.hide();
  },

  /*
   * Expose an overlay with the jQuery UI dialog API
   */
  expose: function (el, animate) {
    if (animate == undefined)
      animate = false;    
    
    if (this._expose == null) {
      this._expose = jQuery('<div></div>')
        .addClass('ui-widget-overlay')
        .appendTo(document.body)
        .css({ opacity: 0 })
      ;
      if (animate)
        this._expose.animate({
          opacity: 1,
          width: jQuery.ui.dialog.overlay.width(),
          height: jQuery.ui.dialog.overlay.height()
        });
      else
        this._expose.css({
          width: jQuery.ui.dialog.overlay.width(),
          height: jQuery.ui.dialog.overlay.height()
        });
    }
    jQuery(window).bind('resize.dialog-overlay', function (e) {
      sfPlop._expose.css({
        width: 0,
        height: 0
      }).css({
        height : jQuery.ui.dialog.overlay.height(),
        width : jQuery.ui.dialog.overlay.width(),
        zIndex : 1002
      });
    });
    if (el != undefined && jQuery(el).length > 0)
      el
        .addClass('w-expose')
        .css({ zIndex : 1003 })
      ;
      if (animate)
        el.animate({ opacity: 1 });
  },

  /*
   * Unexpose the previously exposed overlay
   */
  unexpose: function (e) {
    if (this._expose != null) {
      jQuery(window).unbind('resize.dialog-overlay');
      this._expose.remove();
      delete this._expose;
    }

    if (e != undefined && jQuery(e).length > 0)
      e
        .removeClass('w-expose')
        .css({zIndex : 'auto'})
      ;
  },

  /**
   * Ajax Navigation
   */
  loadAjaxNavigation : function () {
    if (jQuery('body > div.container > .MainNavigation > .content .w-menu-ajax').length > 0) {
      jQuery('body > div.container > .MainNavigation > .content a').live('click', function (e) {
        jQuery.ajax({
          url: jQuery(this).attr('href'),
          success: function (d, s, x) {
            jQuery('#container')
              .fadeOut(function () {
                jQuery(this).html(d);
                sfPlop.loadPlugins();
              })
              .fadeIn()
            ;
          }
        });
        e.preventDefault();
      });

      if (jQuery('body > div.container > .QuickNavigation').length > 0) {
        jQuery('body > div.container > .QuickNavigation > .content .element').live('click', function (e) {
          var
            QuickNavLinks = jQuery('body > div.container > .MainNavigation > .content a'),
            CurrentLink = QuickNavLinks.filter('li.current > a').last(),
            CurrentLinkPos = QuickNavLinks.index(CurrentLink)
            LinkToTriggerPos = jQuery(this).hasClass('previous') ? CurrentLinkPos - 1 : CurrentLinkPos + 1
          ;
          if (LinkToTriggerPos > QuickNavLinks.length -1)
            LinkToTriggerPos = 0;
          else if (LinkToTriggerPos < 0)
            LinkToTriggerPos = QuickNavLinks.length - 1;
          QuickNavLinks
            .eq(LinkToTriggerPos)
            .trigger('click')
          ;
        });
      }
    }
  },

  /**
   * Gallery
   */
  loadGallery : function () {
    if (jQuery.fn.slides) {
      if (jQuery('body > div.container > .GalleryNavigation').length > 0) {
        var GN = jQuery('body > div.container > .GalleryNavigation > .content .w-gallery');
        jQuery('.w-gallery-contents, .w-gallery-menu', GN).empty();
        jQuery('body > div.container > .GalleryMedia > .content').each(function (i, e) {
          jQuery('<div></div>')
            .addClass('GalleryMedia_content')
            .html(jQuery(e).html())
            .appendTo(jQuery('.w-gallery-contents', GN))
          ;
          jQuery('.w-menu', GN).append(
            jQuery('<li></li>')
              .html('<a href="#' + (i + 1) + '" class="element">' + (i + 1) + '</a>')
          );
          if (!window.sfPlopAdmin)
            jQuery(e).html('');
          else
            jQuery(e).hide();
        });
      }

      var wG = jQuery('body > div.container > .section > .content .w-gallery')

      wG.parents('.section:first')
        .slides({
          container: "w-gallery-contents",
          generatePagination: false,
          paginationClass: "w-gallery-menu",
          prev: 'w-gallery-prev',
          next: 'w-gallery-next',
          crossFade: true,
          effect: 'fade',
          hoverPause: true,
          slideSpeed: 500,
          fadeSpeed: 500,
          preload: true,
          preloadImage: '/img/loading.gif'
        })
      ;

      wG.find('.w-gallery-menu-slider')
        .each(function (i,e) {
          var
            wGSP = jQuery('<div></div>').addClass('w-slider-prev'),
            wGSN = jQuery('<div></div>').addClass('w-slider-next'),
            wGSC = jQuery('<div></div>')
              .addClass('w-slider-container')
              .append(jQuery(e).clone(true)),
            wGSW = jQuery('<div></div>')
              .addClass('w-slider')
              .append(wGSC)
              .append(wGSP)
              .append(wGSN)
              .insertAfter(jQuery(e))
          ;

          sfPlop.loadSlider(wGSW);

          jQuery(e).hide().remove();
        })
      ;
    }
  },

  /**
   * Slider
   */
  loadSlider : function (el) {
    if (el == undefined && jQuery('.w-slider').not('.w-on').length > 0) {
      var s = jQuery('.w-slider').not('.w-on');
    }
    else if (el && jQuery(el).not('.w-on').length > 0) {
      var s = el;
    }

    if (s != undefined ) {
      s
        .addClass('w-on')
        .each(function (i, e) {
          var
            wGSW = jQuery(e),
            wGSC = wGSW.find('.w-slider-container'),
            wGSP = wGSW.find('.w-slider-prev'),
            wGSN = wGSW.find('.w-slider-next'),
            wGScount = wGSC.find('.w-menu li').length,
            wGScountVisible = 0,
            wGSwidth =  0,
            wGSEwidth = 0
          ;

          wGSC.find('.w-menu li').each(function (e) {
            wGSwidth += jQuery(this).width();
            if (jQuery(this).width() == 0)
              wGSEwidth = jQuery(this).width();
          });
          wGScountVisible = wGSwidth / wGSEwidth;
          wGSC.find('.w-menu:first').css({
            width: wGSwidth
          });
          wGSC.css({
            height: wGSC.find('li:first').height()
          });
          
          if (wGSC.find('.w-menu:first').position().left < 0)
            wGSP.removeClass('w-off').addClass('w-on');
          else
            wGSP.removeClass('w-on').addClass('w-off');
          if (( wGSwidth - wGSC.width() ) > ( wGSC.find('.w-menu:first').position().left * -1 ))
            wGSN.removeClass('w-off').addClass('w-on');
          else
            wGSN.removeClass('w-on').addClass('w-off');
          
          wGSP.bind('click', function (e) {
            if (wGSC.find('.w-menu:first').position().left < 0)
              wGSC.find('.w-menu:first')
                .animate(
                  { left: '+=' + (wGSwidth / wGScount) },
                  function () {
                    if (wGSC.find('.w-menu:first').position().left < 0)
                      wGSP.removeClass('w-off').addClass('w-on');
                    else
                      wGSP.removeClass('w-on').addClass('w-off');
                    if (( wGSwidth - wGSC.width() ) > ( wGSC.find('.w-menu:first').position().left * -1 ))
                      wGSN.removeClass('w-off').addClass('w-on');
                    else
                      wGSN.removeClass('w-on').addClass('w-off');
                  }
                );
          });
          wGSN.bind('click', function (e) {
            if (( wGSwidth - wGSC.width() ) > ( wGSC.find('.w-menu:first').position().left * -1 ))
              wGSC.find('.w-menu:first')
                .animate(
                  { left: '-=' + (wGSwidth / wGScount) },
                  function () {
                    if (wGSC.find('.w-menu:first').position().left < 0)
                      wGSP.removeClass('w-off').addClass('w-on');
                    else
                      wGSP.removeClass('w-on').addClass('w-off');
                    if (( wGSwidth - wGSC.width() ) > ( wGSC.find('.w-menu:first').position().left * -1 ))
                      wGSN.removeClass('w-off').addClass('w-on');
                    else
                      wGSN.removeClass('w-on').addClass('w-off');
                  }
                );
          });
        })
      ;
    }
  }
};

/**
 * Init on DOM ready.
 */
jQuery(document).ready(function () {
  sfPlop.initOnDomReady();
});

/**
 * Init now
 */
sfPlop.init();