/**
 * Initializes pagers on this page after the document has been loaded
 */
$(document).ready(function()
{
  var previewers = $('.persona-previewer');

	if (Mozilla.isFirefox36) {
		if (previewers.length > 0) {
      var iframe = $('<iframe />').attr('src', Mozilla.PersonaPreviewer.LIVE_URL).attr('width', '100%').attr('height', '180');
			previewers.eq(0).replaceWith(iframe);
		}

		$('#try-on').addClass('fx36');
		$('#see-all-personas').addClass('fx36');

	} else {
    $.each(previewers, function() {
			new Mozilla.PersonaPreviewer(this);
    });
	}
});

// create namespace
if (typeof Mozilla == 'undefined') {
	var Mozilla = {};
}

Mozilla.isFirefox36 =
	(/Gecko\/[0-9]+ (Firefox|Namoroka|Minefield)\/3\.6/.test(
		navigator.userAgent));

/**
 * Persona previewer widget
 *
 * @param DOMElement container
 */
Mozilla.PersonaPreviewer = function(container)
{
	this.container = $(container);

	if (!this.container.id) {
    this.container.id = 'mozilla-persona-previewer-' + Math.floor(Math.random() * new Date().getTime());
	}

	var pager_content_nodes = this.container.find('div.persona-previewer-content');

	this.id             = this.container.id;
	this.page_container = pager_content_nodes.eq(0);
	this.pages_by_id    = {};
	this.pages          = [];
	this.previous_page  = null;
	this.current_page   = null;
	this.in_animation   = null;
	this.out_animation  = null;

	this.random_start_page = this.container.hasClass('persona-previewer-random');

	var pager_tab_nodes = this.container.find('ul.persona-previewer-tabs');

	this.tabs = pager_tab_nodes.eq(0);

	// add pages
	var page_nodes = this.page_container.find('div');

	// initialize pages with tabs
	var tab_nodes = this.tabs.children();
  
	var index = 0;
  var t = this;
  $.each(page_nodes, function(i, page) {
		if (i < tab_nodes.length) {
      var tab_node = tab_nodes.eq(i).find('a:first');
			if (tab_node) {
        t.addPersona(new Mozilla.Persona(page_nodes.eq(i), index, tab_node));
        index++;
      }
    }
  });

	// initialize current page
	var current_page = null;

	if (this.pages.length > 0) {
		if (this.random_start_page) {
			this.setPersona(this.getPseudoRandomPersona());
		} else {
      var def_page = this.page_container.find('.default-page:first');

			if (def_page) {
				var def_id;
				if (def_page.attr('id').substring(0, 5) == 'page-') {
					def_id = def_page.attr('id').substring(5);
				} else {
					def_id = def_page.attr('id');
				}
				this.setPersona(this.pages_by_id[def_id]);
			} else {
				this.setPersona(this.pages.eq(0));
			}
		}
	}
}

Mozilla.PersonaPreviewer.LIVE_URL =
	'http://www.getpersonas.com/ja/external/mozilla/';

Mozilla.PersonaPreviewer.prototype.getPseudoRandomPersona = function()
{
	var page = null;

	if (this.pages.length > 0) {
		var now = new Date();
		page = this.pages[now.getSeconds() % this.pages.length];
	}

	return page;
}

Mozilla.PersonaPreviewer.PAGE_DURATION     = 0.15; // seconds

Mozilla.PersonaPreviewer.prototype.prevPersonaWithAnimation = function()
{
	var index = this.current_page.index - 1;
	if (index < 0) {
		index = this.pages.length - 1;
	}

	this.setPersonaWithAnimation(this.pages[index]);
}

Mozilla.PersonaPreviewer.prototype.nextPersonaWithAnimation = function()
{
	var index = this.current_page.index + 1;
	if (index >= this.pages.length) {
		index = 0;
	}

	this.setPersonaWithAnimation(this.pages[index]);
}

Mozilla.PersonaPreviewer.prototype.addPersona = function(page)
{
	this.pages_by_id[page.id] = page;
	this.pages.push(page);
  var t = this;
	if (page.tab) {
    page.tab.mouseover(function(e) {
      e.preventDefault();
      t.setPersonaWithAnimation(page);
    });
	}
}

Mozilla.PersonaPreviewer.prototype.update = function()
{
	if (this.tabs) {
		this.updateTabs();
	}
}

Mozilla.PersonaPreviewer.prototype.updateTabs = function()
{
	var class_name = this.tabs.attr('class');
	class_name = class_name.replace(/pager-selected-[\w-]+/g, '');
	class_name = class_name.replace(/^\s+|\s+$/g,'');
	this.tabs.attr('class', class_name);

	this.current_page.selectTab();
  this.tabs.addClass('pager-selected-' + this.current_page.element.attr('id'));
}

Mozilla.PersonaPreviewer.prototype.setPersona = function(page)
{
	if (this.current_page !== page) {
		if (this.current_page) {
			this.current_page.deselectTab();
			this.current_page.hide();
		}

		if (this.previous_page) {
			this.previous_page.hide();
		}

		this.previous_page = this.current_page;

		this.current_page = page;
		this.current_page.show();
		this.update();
	}
}

Mozilla.PersonaPreviewer.prototype.setPersonaWithAnimation = function(page)
{
	if (this.current_page !== page) {

		// deselect last selected page (not necessarily previous page)
		if (this.current_page) {
			this.current_page.deselectTab();
		}

    this.previous_page = this.current_page;
    this.current_page = page;
    this.update();

    var t = this;
    this.page_container.stop(true, true).fadeOut('fast', function() {
      t.fadeInPersona();
    });
	}

	// for Safari 1.5.x bug setting window.location.
	return false;
}

Mozilla.PersonaPreviewer.prototype.fadeInPersona = function()
{
  this.page_container.children().hide();
  this.current_page.show();
  this.page_container.fadeIn('fast');
}

/**
 * @param DOMElement element
 * @param DOMElement tab_element
 */
Mozilla.Persona = function(element, index, tab_element)
{
	this.element = $(element);

	if (!this.element.attr('id')) {
    this.element.attr('id', 'mozilla-persona-previewer-persona-' + Math.floor(Math.random() * new Date().getTime()));
	}

	// this.element.attr('id', 'page-' + this.id);
	this.index      = index;

	if (tab_element) {
		this.tab = tab_element;
	} else {
		this.tab = null;
	}

	this.hide();
}

Mozilla.Persona.prototype.selectTab = function()
{
	if (this.tab) {
    this.tab.addClass('selected');
	}
}

Mozilla.Persona.prototype.deselectTab = function()
{
	if (this.tab) {
    this.tab.removeClass('selected');
	}
}

Mozilla.Persona.prototype.focusTab = function()
{
	if (this.tab) {
		this.tab.focus();
	}
}

Mozilla.Persona.prototype.hide = function()
{
	this.element.hide();
}

Mozilla.Persona.prototype.show = function()
{
	this.element.show();
}