/*
 * PolyPage 0.7.0
 *
 * Copyright (c) 2007 New Bamboo (new-bamboo.co.uk)
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 * For cookie support you will also need the modified version of the jQuery cookie plugin that comes bundled with this plugin.
 *
 * For help please open the index.html file in your web browser.
 *
 * Developed by Andy Kent & Natalie Downe 
 * Contribution by Yoan Blanc
 */

(function($) {
  $.fn.polypage = function(defaults, opts) {
    $.polypage.init(defaults,opts,this);
  };

  $.polypage = {
  
    states: null,
    
    options: {
      prefix: 'pp',
      separator: '_',
      label: "",
      closed: false
    },

    init: function(defaults, opts, elems){
      var elems = elems || 'body';
      $.extend(this.options,opts);
      this.findStates();
      this.buildOptionsBar(elems);
      this.setStartValues(defaults);
      this.setListeners();
      this.refresh();
    },
    
    separated: function(val) {
      return this.options.separator+val+this.options.separator
    },

    setStartValues: function(initValues){
      if(initValues) {
        for(var i in initValues) {
          this.setState(initValues[i]);
        }
      };

      return this.setValuesFromHash(window.location.hash);
    },

    setValuesFromHash: function(hash) {
      var hashValues = hash.replace(/^#/,'').split(new RegExp(this.separated('and')));

      for(var i in hashValues) {
        this.setState(hashValues[i]);
      }
      
      return this;
    },

    setListeners: function() {
      var self = this;
      $(document.body)
      .click(function(event) {
        var target = $(event.target).closest("a");
        if(target.length && target.attr("href").search(/#.+$/) != -1) {
          self.setValuesFromHash(target[0].getAttribute("href"));
          event.preventDefault();
          event.stopPropagation();
        }
      })
      .submit(function(event) {
        var target = $(event.target);
        if($(event.target).is("form") && target.attr("action").search(/#.+$/) != -1) {
          self.setValuesFromHash(target[0].getAttribute("action"));
          event.preventDefault();
          event.stopPropagation();
        }
      });
    },

    findStates: function(){
      var el = this.findAll();
      var self = this;
      this.states = {};
      el.each(function() {
        var s = self.extractDataFromClassName($(this).attr('class'));
        var states = s.split(new RegExp(self.separated('?not')+'|'+self.separated('or')+'|'+self.separated('and')));
        for(var state in states) {
          if(self.states[states[state]]==undefined && states[state]!='') {
            if($.cookie()){ 
              // the state may be undefined but if the state has been set on another page 
              // we need to reset that state in our array to be on
              self.states[states[state]]=$.cookie(states[state]) != null;
            } else {
              // if we are not using cookies if its not in our aray we dont know about it
              self.states[states[state]]=false;
            }
          }
        }
      });
      return this.states;
    },

    extractDataFromClassName: function(className){
      var classes = className.split(' ');
      for(var i in classes) {
        var matcher = new RegExp('^'+this.options.prefix+this.options.separator);
        if(matcher.test(classes[i])) return classes[i].replace(matcher,'');
      }
      return '';
    },

    findAll: function(){
      return $("*[class*='"+this.options.prefix+this.options.separator+"']");
    },
    
    pageHasPPElements: function() {
      return this.findAll().length>0
    },

    refresh: function(){
      var self = this;
      this.findAll().each(function(){
        self.evaluateNode(this);
      });
      return this;
    },

    evaluateNode: function(node){
      // a node is an element with the pp_ class
      var on = this.evaluate(this.extractDataFromClassName($(node).attr('class')));  
      // toggle on or off if to be displayed
      $(node).toggle(on);
      return on;
    },

    evaluate: function(input){
      var str = input
      .replace(new RegExp(this.separated('and'),'gi'),' && ')
      .replace(new RegExp(this.separated('or'),'gi'),' || ')
      .replace(new RegExp(this.separated('?not'),'gi'),' !')
      .replace(/([a-z_0-9\-]+)/gi,"this.states['$1']");
      return eval(str);
    },

    setState: function(state,val){
      val = typeof val === "undefined" ? true : !!val;
      if(state.substring(0, 3+this.options.separator.length) === "not"+this.options.separator) {
        state = state.substring(3+this.options.separator.length);
        val = !val;
      }

      var state_switch = $('#pp_state_switch_'+state);
      var className ='state'+this.options.separator+state;
      
      if(val) {
        this.states[state] = true;
        state_switch.addClass('active');
        $('body').addClass(className);
      } else {
        this.states[state] = false;
        state_switch.removeClass('active');
        $('body').removeClass(className);
      }
      this.setCookie(state,val);
      this.refresh();
      return this;
    },

    setCookie: function(state,val) {
      if(!$.cookie()||!state.length) return;
      $.cookie(state, val ? 'yes' : null, {"path":"/"});
      return this;
    },
    
    alphabeticalStateNames: function(){
      var ret = [];
      for(var state in this.states) {  ret.push(state); };
      return ret.sort();
    },

    buildOptionsBar: function(elems){
      if(!this.pageHasPPElements()) return;
      var self=this;
      $(elems).append('<div id="pp_options"><p>'+this.options.label+'</p><ul></ul></div>');
      
      var alphaStates = this.alphabeticalStateNames();
      
      for(var index in alphaStates) {
        var state = alphaStates[index];
        var val = this.states[state];

        $('#pp_options ul').append('<li><a href="#'+state+'" id="pp_state_switch_'+state+'">'+state.replace(this.options.separator,' ')+'</a></li>');
        var stateSwitch = $('#pp_state_switch_'+state);
        
        if($.cookie() && $.cookie(state) != null) {
          self.setState(state);
          this.refresh();
        };
      }

      $('#pp_options').click(function(event) {
        var target = $(event.target).closest('a');
        if(target.length) {
          if(target.attr('id')) {
            var state = target.attr('id').substring('pp_state_switch_'.length);
            self.setState(state,!self.states[state]);
          }
          event.preventDefault();
          event.stopPropagation();
        }
      });
    }

  };
  
})(jQuery);