(function($){

  var global = this;

  var recentlyViewedText = this.recentlyViewedText || "Vus récemment";

  // On DOM loaded:
  $(function() {
    $('#productselector').N_productSelector().addClass('js');
  });

  /*------------------------------------------------------------------------*/

  /* Products */

  var NPS = {};

  $.fn.N_productSelector = function(options) {
    var options = jQuery.extend({
      groupPath:  'div.group',
      itemPath:   'li',
      headerPath: 'h3:first'
    }, options);

    if (!this.length || this.length > 1) return this;

    var selector = this;
    NPS.selector = selector;

    var isServices = !!selector.find('.products.services').length;
    if (isServices) return this;

    // Create data object
    var groups = selector.find(options.groupPath);
    NPS.collectData.call(groups, options);

    NPS.hoverThumbs.init.call(groups, options);

    var viewNav = selector.find('ul.views');

    viewNav.find('li a').click(function() {
      var link = $(this);
      if (link.parent().hasClass('thumbnails')) {
        NPS.setView('thumbnails');
      } else {
        NPS.setView('text');
      }
      return false;
    });

    NPS.productsArea = selector.find('div.products:first');
    NPS.viewNav = viewNav;
    NPS.setView('mostwanted');

    NPS.paginator.init();

    var showAll = selector.find('.showall a');
    showAll.click(function() {
      NPS.setView('thumbnails');
      $(this).parent().remove();
      return false;
    });
    NPS.showAll = showAll;

    NPS.initTypesNav();
    NPS.addNavigation();
    NPS.addImages();

    return this;
  };

  NPS.collectData = function(options) {
    var groups = this;
    var data   = { "items": [], "series": [], "itemsPerRow": 7, "isAccessories": false };
    var isAccessories = !!groups.slice(0,1).parents('.accessories').length;
    if (isAccessories) {
      data.itemsPerRow   = 6;
      data.isAccessories = true;
    }

    groups.each(function() {
      var group  = $(this);
      var items  = group.find(options.itemPath);

      data.series.push(group);

      items.each(function(i) {
        var item  = $(this);
        var types = ['undefined'];
        var link  = item.find('a');
        var name  = link.text();
        var sName = link.attr('title');

        var typeRE = item[0].className.match(/type_([^\s]+)/g);
        if (typeRE) {
          types = [];
          for (var i = 0; i < typeRE.length; i++) {
            types.push(typeRE[i].match(/type_([^\s]+)/)[1]);
          }
        }

        link.click(NPS.setCookie);

        item.prodName  = name;
        item.shortName = sName;
        item.types     = types;

        data.items.push(item);

        if (i % data.itemsPerRow == 0) {
          item.addClass('newline');
          if ($.browser.msie) item.before('<br style="clear:both;line-height:0;"/>');
        }
      });
    });

    NPS.data = data;
  };

  NPS.addImages = function() {
    var data = NPS.data;
    var pathPrefix = "http://www.nokia.ie/NOKIA_FINLAND_50/Get_Support/Common_elements/product_selector/";

    // Check for "recently viewed" cookie
    var deviceCookieRE    = document.cookie.match(/last_visited_device=([^;]+)/);
    var accessoryCookieRE = document.cookie.match(/last_visited_accessory=([^;]+)/);
    var recentDevice = (deviceCookieRE) ? deviceCookieRE[1] : "";
    var recentAccessory = (accessoryCookieRE) ? accessoryCookieRE[1] : "";

    var mostwanted = [];
    var recentIsAccessory;
    var mostwantedIsRecent;

    for (var i = 0; i < data.items.length; i++) {
      if (!data.items[i]) break;
      var item = data.items[i];
      var jqItem = $(item);
      var link = jqItem.find('a:first');
      link.prepend('<img src="'+pathPrefix+'images/products/'+item.shortName+'.jpg" />');

      if (jqItem.hasClass('mostwanted')) mostwanted.push(item);

      if (item.shortName == recentDevice || item.shortName == recentAccessory) {
        mostwantedIsRecent = !!(jqItem.hasClass('mostwanted'));
        jqItem.addClass('recent').addClass('mostwanted');
        jqItem.append('<em class="recent">'+recentlyViewedText+'</em>');
        recentIsAccessory = !!(item.shortName == recentAccessory);
        NPS.productsArea.addClass('hasrecent');
        if (data.isAccessories) NPS.productsArea.addClass('accessories_hasrecent');
      }
    }

    var lastMostwanted = mostwanted[mostwanted.length-1];
    if (
      (deviceCookieRE || accessoryCookieRE)
      && ((data.isAccessories && recentIsAccessory) || (!data.isAccessories && !recentIsAccessory))
      && !mostwantedIsRecent
    ) {
      lastMostwanted.removeClass('mostwanted');
    }
  };

  NPS.initTypesNav = function() {
    var selector = NPS.selector;
    var header = selector.find('.types-nav h3');

    var container = header.parent();
    var selection = container.find('ul.selection');
    var nav = container.find('ul.types');
    var navItems = nav.find('li');

    var originalHeight = container.height();
    container.css('height', originalHeight);

    var rows = (Math.ceil(navItems.length / 3));
    var extraHeight = 45*rows;
    
    selector.find('.types-nav h3').click(function(){
      if (header.hasClass('expanded')) { // minimize
        container.animate({ height: originalHeight }, 200);
        selection.fadeOut(200);
        nav.fadeOut(200);
      
        header.removeClass('expanded');
      
        nav.find('li.checked a').trigger('click');
        NPS.showTypes([]);
      } else {
        container.animate({ height: originalHeight+extraHeight }, 200);
        selection.fadeIn(200);
        nav.fadeIn(200);
      
        header.addClass('expanded');
      
        NPS.productsArea.removeClass('mostwanted').removeClass('hasrecent').removeClass('accessories_hasrecent');
        NPS.removeShowAll();
        NPS.redraw();
        NPS.paginator.show();
      }

      return false;
    });
  };

  NPS.addNavigation = function() {
    var selector = NPS.selector;

    /* Type navigation */
    var checked = {};
    var timer;

    var typeContainer = selector.find('.types-nav');

    var switchTypes = function(type) {
      var link = $(this);
      var item = link.parent();
      if (item.hasClass('checked')) {
        checked[type] = false;
        item.removeClass('checked');
      } else {
        checked[type] = true;
        item.addClass('checked');
      }

      timer = setTimeout(function() {
        var types = [];
        for (t in checked) {
          if (checked[t]) types.push(t);
        }
        NPS.showTypes(types);
      }, 50);
    };

    // Select all/none buttons
    var selectAllButton  = typeContainer.find('.all a');
    var selectNoneButton = typeContainer.find('.none a');

    selectAllButton.click(function() {
      typeContainer.find('.types li:not(.checked) a').trigger('click');
      return false;
    });
    selectNoneButton.click(function() {
      typeContainer.find('.types li.checked a').trigger('click');
      return false;
    });

    // Buttons for each type
    selector.find('.types li a').each(function() {
      var link = $(this);
      var item = link.parent();
      var type = 'Undefined';
      var typeRE = item[0].className.match(/type_([^\s]+)/);
      if (typeRE) type = typeRE[1];

      checked[type] = false;

      link.click(function() {
        switchTypes.call(this, type);
        return false;
      });
    });
  };

  NPS.redraw = function() {
    var data = NPS.data;

    for (var i = 0; i < data.series.length; i++) {
      var group = $(data.series[i]);
      var items = group.find('li:visible');
      if (!items.length) group.css('display', 'none');
      else {
        items.each(function(k) {
          if (k % data.itemsPerRow == 0) {
            var item = $(this);
            item.addClass('newline');
            if ($.browser.msie) item.before('<br style="clear:both;line-height:0;"/>')
          }
        });
      }
    }
  };

  NPS.hoverThumbs = {
    init: function(options) {
      var items = this.find(options.itemPath);
      items.bind('mouseenter', function(e) {
        if (!$(this).parents('.thumbnails').length) NPS.hoverThumbs.show.call(this, options);
      }).bind('mouseleave', function(e) {
        NPS.hoverThumbs.hide();
      });
    },

    create: function(options) {
      if (NPS.hoverThumbs.thumb) return;

      var thumb = $('<div id="productselector_thumb" />');
      var img   = $('<img />');

      thumb.append(img);

      thumb.bind('mouseenter', function() {
        NPS.hoverThumbs.show();
      }).bind('mouseleave', function() {
        NPS.hoverThumbs.hide();
      });

      $('body').append(thumb);

      NPS.hoverThumbs.thumb = thumb;
      NPS.hoverThumbs.img   = img;

      NPS.hoverThumbs.xPos = 0;

      $().mousemove(function(e) {
        if (thumb.is(':visible')) thumb.css('left', e.pageX+5);
      });
    },

    show: function(options) {
      NPS.hoverThumbs.create(options);
      var item;

      if (this.nodeName) {
        item  = $(this);
      } else {
        item = NPS.hoverThumbs.item;
      }

      var thumb = NPS.hoverThumbs.thumb;
      var img   = NPS.hoverThumbs.img;

      if (NPS.hoverThumbs.item != item) {
        NPS.hoverThumbs.item = item;

        var oImg = item.find('img');
        img.attr('src', oImg.attr('src'));

        var offset = item.offset();
        var height = item.height();
        var width  = item.width();
        thumb.css('top', offset.top+24);
      }

      thumb.show();
    },

    hide: function() {
      if (NPS.hoverThumbs.thumb) NPS.hoverThumbs.thumb.hide();
    }
  };

  NPS.showTypes = function(types) {
    if (!types || !types.push) return false;

    clearTimeout(NPS.showTypesTimer);

    NPS.showTypesTimer = setTimeout(function() {
      var data = NPS.data;
      var area = NPS.productsArea;
      var renderItems = function() {
        for (var i = 0; i < data.items.length; i++) {
          var item = data.items[i];
          var iTypes = "|"+item.types.join("|")+"|";
          var show = !types.length ? true : false;
          for (var t = 0; t < types.length; t++) {
            if (iTypes.indexOf("|"+types[t]+"|") >= 0) show = true;
          }
          if (show) {
            item.parents('.group:first').show();
            item.stop().fadeIn(300);
          } else {
            item.stop().fadeOut(200);
          }
        }

        setTimeout(function() {
          NPS.redraw();
          NPS.paginator.redraw();
          NPS.paginator.flipTo(1);
          NPS.paginator.show();
        }, 210);
      };

      area.find('li.newline').removeClass('newline');
      if ($.browser.msie) area.find('br').remove();

      if (area.hasClass('mostwanted')) {
        for (var i = 0; i < data.items.length; i++) {
          var item = $(data.items[i]);
          item.css('display', 'none');
        }
        area.removeClass('mostwanted').removeClass('hasrecent').removeClass('accessories_hasrecent');
        NPS.removeShowAll();
        NPS.paginator.show();
        renderItems();
      } else {
        renderItems();
      }
    }, 200);
  };

  NPS.setView = function(type) {
    var area = NPS.productsArea;
    var viewNav = NPS.viewNav;
    viewNav.find('li.active').removeClass('active');

    area.find('li.newline').removeClass('newline');
    if ($.browser.msie) area.find('br').remove();

    if (type == 'thumbnails') {
      area.removeClass('mostwanted').removeClass('hasrecent').removeClass('accessories_hasrecent');
      area.addClass('thumbnails');
      viewNav.find('.thumbnails').addClass('active');
      NPS.redraw();
      NPS.paginator.show();
    } else if (type == 'mostwanted') {
      area.addClass('mostwanted');
      area.addClass('thumbnails');
      viewNav.find('.thumbnails').addClass('active');
    } else {
      area.removeClass('mostwanted').removeClass('hasrecent').removeClass('accessories_hasrecent');
      area.removeClass('thumbnails');
      viewNav.find('.text').addClass('active');
      NPS.redraw();
      NPS.paginator.show();
    }

    NPS.removeShowAll();
  };

  NPS.removeShowAll = function() {
    if (NPS.showAll) {
      NPS.showAll.parent().remove();
      NPS.showAll = null;
    }
  };

  NPS.paginator = {
    init: function(perPage) {
      var selector = NPS.selector;
      var info = {};
      
      info.perPage = 3;
      info.container = selector.find('.paginator');
      info.list = info.container.find('ul');
      info.prevLink = info.list.find('li.prev');
      info.nextLink = info.list.find('li.next');
      info.countElm = info.container.find('p.pagecount');
      info.allLink = info.container.find('p.all a');
      info.allCountElm = info.container.find('p.all em');

      // Bind previous/next and Show all events
      info.prevLink.click(NPS.paginator.flipToPrev);
      info.nextLink.click(NPS.paginator.flipToNext);
      info.allLink.click(function() {
        NPS.paginator.flipTo('all');
        return false;
      });

      // Store variables for future use
      NPS.paginator.info = info;
    },

    redraw: function() {
      var area = NPS.productsArea;
      var info = NPS.paginator.info;

      var visibleGroups = area.find('.group:visible');
      var totalPages = (Math.ceil(visibleGroups.length/info.perPage));
      info.totalPages = totalPages;

      // Create page links
      info.list.find('li:not(.prev):not(.next)').remove();
      for (var i = 0; i < totalPages; i++) {
        var page = i+1;
        var link = $('<a href="#">'+page+'</a>');
        var item = $('<li />');

        if (i==0) item.addClass('first');

        link.bind('click', { page: page }, function(e) {
          NPS.paginator.flipTo(e.data.page, true);
          $(this).trigger('blur');
          return false;
        });

        item.append(link);
        info.nextLink.before(item);
      }

      info.container.show();

      var visibleItems = area.find('.group li:visible');
      info.allCountElm.text('('+visibleItems.length+')');
    },

    flipTo: function(page, scroll) {
      setTimeout(function() {
        var selector = NPS.selector;
        var area = NPS.productsArea;
        var info = NPS.paginator.info;
        var data = NPS.data;
        var items = info.list.find('li:not(.prev):not(.next)');

        if (page == 'all') { // Show all pages
          info.container.hide();
          for (var i = 0; i < data.series.length; i++) {
            var group = $(data.series[i]);
            if (group.find('li:visible').length) group.css('display', '');
          }
        } else { // Do the page flip
          var x = 0;
          var current = 1;
          var visibleGroups = selector.find('.group:has(li:visible)');
          visibleGroups.each(function() {
            var group = $(this);
            if (current == page) {
              group.show();
            } else {
              group.hide();
            }
            x++;
            if (x == info.perPage) {
              x = 0;
              current++;
            }
          });

          items.removeClass('current');
          items.slice(page-1, page).addClass('current');
          info.currentPage = page;

          var tmp = info.countElm.text();
          tmp = tmp.replace(/^([^\d]*)\d([^\d]*)\d$([^\d]*)/, '$1'+page+'$2'+info.totalPages+'$3');
          info.countElm.text(tmp);
        }

        if (scroll) $('html,body').animate({ scrollTop: area.offset().top });
      }, 10);
    },

    flipToNext: function() {
      var info = NPS.paginator.info;
      if (info.currentPage < info.totalPages) NPS.paginator.flipTo(info.currentPage+1, true);
      return false;
    },

    flipToPrev: function() {
      var info = NPS.paginator.info;
      if (info.currentPage > 1) NPS.paginator.flipTo(info.currentPage-1, true);
      return false;
    },

    show: function() {
      var info = NPS.paginator.info;
      if (!info.container.is(':visible')) {
        NPS.paginator.redraw();
        NPS.paginator.flipTo(1);
        info.container.show();
      }
    }
  };

  NPS.setCookie = function() {
    var link = $(this);
    var id   = link.attr('title');

    var days = 365;
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = date.toGMTString();

    var type = (link.parents('.accessories:first').length) ? "accessory" : "device";
    document.cookie = 'last_visited_'+type+'='+id+'; expires='+expires+';';
  };

  NPS.cleanName = function(str) {
    str = str.toLowerCase();
    str = str.replace(/^nokia[\s]*/, '');
    str = str.replace(/[^\w\d]+/g, '_');
    return str;
  };

  global.NPS = NPS;

}(jQuery));