(function(d){d.each(["backgroundColor","borderBottomColor","borderLeftColor","borderRightColor","borderTopColor","color","outlineColor"],function(f,e){d.fx.step[e]=function(g){if(!g.colorInit){g.start=c(g.elem,e);g.end=b(g.end);g.colorInit=true}g.elem.style[e]="rgb("+[Math.max(Math.min(parseInt((g.pos*(g.end[0]-g.start[0]))+g.start[0]),255),0),Math.max(Math.min(parseInt((g.pos*(g.end[1]-g.start[1]))+g.start[1]),255),0),Math.max(Math.min(parseInt((g.pos*(g.end[2]-g.start[2]))+g.start[2]),255),0)].join(",")+")"}});function b(f){var e;if(f&&f.constructor==Array&&f.length==3){return f}if(e=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(f)){return[parseInt(e[1]),parseInt(e[2]),parseInt(e[3])]}if(e=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(f)){return[parseFloat(e[1])*2.55,parseFloat(e[2])*2.55,parseFloat(e[3])*2.55]}if(e=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(f)){return[parseInt(e[1],16),parseInt(e[2],16),parseInt(e[3],16)]}if(e=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(f)){return[parseInt(e[1]+e[1],16),parseInt(e[2]+e[2],16),parseInt(e[3]+e[3],16)]}if(e=/rgba\(0, 0, 0, 0\)/.exec(f)){return a.transparent}return a[d.trim(f).toLowerCase()]}function c(g,e){var f;do{f=d.css(g,e);if(f!=""&&f!="transparent"||d.nodeName(g,"body")){break}e="backgroundColor"}while(g=g.parentNode);return b(f)}var a={aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0],transparent:[255,255,255]}})(jQuery);
(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
// utils
var u = require('./utils/Utils');

// widgets
var Breakpoints = require('./widgets/Breakpoints');
var TabsDetails  = require('./widgets/TabsDetails');
var Gallery  = require('./widgets/Gallery');
var Expander  = require('./widgets/Expander');
var Video = require('./widgets/Video');
var Tooltips = require('./widgets/Tooltips');
//var SKUChooser = require('./widgets/SKUChooser');

//Polyfills
//require('./utils/polyfills');

// contructor
var App = function () {
	this.initialize.apply(this, arguments);
};

u.extend(App.prototype, {

	initialize: function (options) {
		this.config = options.config;
		this.initBreakpoints();
		this.initWidgets();
		this.addListeners();
	},

	initBreakpoints: function () {
		var breakpoints = new Breakpoints({
			wrapper: $('[data-ref~=breakpoint-wrapper]'),
			breakpoints: this.config.breakpoints
		});
	},

	initWidgets: function () {
		var tabs = new TabsDetails({
			wrapper: $('[data-ref~=tabs-widget]')
		});

		var gallery = new Gallery({
			wrapper: $('[data-ref~=gallery-widget]')
		});

		$('[data-ref~=expand-widget]').each(function (i, el) {
			new Expander({
				wrapper: el,
				// override default data-ref values
				refs: {
					nav: 'exp-nav',
					content: 'exp-content'
				}
			});
		});

		var paths = this.config.paths;

		var $videoWidget = $('[data-ref~=video-widget]');
		var video;

		if ($videoWidget.length) {

			video = new Video({
				wrapper: $('[data-ref~=video-widget]'),
				// HTML5 video source extensions, first will be used for flash
				extensions: ['mp4', 'webm'],
				// fallback flash player
				flashPlayer: paths.SWF + 'player.swf',
				expressInstall: paths.SWF + 'expressInstall.swf'
			});

		}

		this.video = video;

		var $tooltipsWidget = $('[data-ref~=tooltip-widget]');

		if ($tooltipsWidget) {
			new Tooltips({
				wrapper: $tooltipsWidget
			});
		}

		// var $SKUWidget = $('[data-ref~=sku-widget]');

		// if ($SKUWidget) {
		// 	new SKUChooser({
		// 		wrapper: $SKUWidget
		// 	});
		// }

	},

	addListeners: function () {
		$(document).on('tab-change', $.proxy(this, 'onTabChange'));
	},

	onTabChange: function () {
		if (this.video) {
			this.video.stop();
		}
	}

});

module.exports = App;
},{"./utils/Utils":4,"./widgets/Breakpoints":5,"./widgets/Expander":6,"./widgets/Gallery":7,"./widgets/TabsDetails":9,"./widgets/Tooltips":10,"./widgets/Video":11}],2:[function(require,module,exports){
var assetsPath = 'assets';

module.exports = {

	paths: {
		IMG:   assetsPath + '/img/',
		VIDEO: assetsPath + '/video/',
		SWF:   assetsPath + '/swf/'
	},

	breakpoints: {

		SMALL: {
			name: 'small mid-down',
			width: 420
		},

		SMALL_UP: {
			name: 'small-up mid-down',
			width: 768
		},

		LARGE: {
			name: 'small-up large',
			width: 769
		}

	},

	// *List of discarted features per product product.
	// Features linked to each sku[product] will discart the product from the filter's product.
	// TODO: I know this might readeble whether in an object, right? but now i'm busy =P
	sku: {
		'home' : 'small_home_business, 1user, pc_only, mac_only, any_2Devices',

		'personal' : 'small_home_business, 5up_users, any_2Devices',

		'home-business' : '1user, 5up_users, mac_only, create_manage_database, office_tablet_smartphone, onedrive, skype, any_2Devices',

		//
		'home-student' : 'small_home_business, 1user, 5up_users, mac_only, email_calendar_task, any_2Devices',

		'mac-home-business' : '1user, 5up_users, pc_only, create_manage_database, office_tablet_smartphone, onedrive, skype, any_2Devices',

		//
		'mac-home-student' : '1user, 5up_users, pc_only, email_calendar_task, any_2Devices, small_home_business',

		'university' : 'individual, small_home_business, pc_only, mac_only, 1user, 5up_users'
	}

	/*sku: {
		'home' : 'small_home_business, 1user, pc_only, mac_only, any_2Devices',

		'personal' : 'small_home_business, 5up_users, any_2Devices',

		'home-business' : '1user, 5up_users, mac_only, create_manage_database, office_tablet_smartphone, onedrive, skype, any_2Devices',

		'home-student' : 'small_home_business, 1user, 5up_users, mac_only, email_calendar_task, create_manage_database, office_tablet_smartphone, onedrive, skype, any_2Devices',

		'mac-home-business' : '1user, 5up_users, pc_only, create_manage_database, office_tablet_smartphone, onedrive, skype, any_2Devices',

		'mac-home-student' : 'small_home_business, 1user, 5up_users, pc_only, email_calendar_task, create_manage_database, office_tablet_smartphone, onedrive, skype, any_2Devices',

		'university' : 'individual, small_home_business, 1user, 5up_users, pc_only, mac_only, office_tablet_smartphone'
	}*/

};
},{}],3:[function(require,module,exports){
// dependencies
var App = require('./App');
var config = require('./config/AppConfig');

// start on dom ready
jQuery(function($) {
 	new App({config: config});
});

},{"./App":1,"./config/AppConfig":2}],4:[function(require,module,exports){
var Utils = {};

Utils.extend = function (obj) {
	var source, prop;
	for (var i = 1, length = arguments.length; i < length; i++) {
		source = arguments[i];
		for (prop in source) {
			obj[prop] = source[prop];
		}
    }
    return obj;
};

Utils.removeFromArray = function removeA(arr) {
    var what, a = arguments, L = a.length, ax;
    while (L > 1 && arr.length) {
        what = a[--L];
        while ((ax= arr.indexOf(what)) !== -1) {
            arr.splice(ax, 1);
        }
    }
    return arr;
};

module.exports = Utils;
},{}],5:[function(require,module,exports){
var u = require('../utils/Utils');

var Breakpoints = function() {
	this.initialize.apply(this, arguments);
};

u.extend(Breakpoints.prototype, {

	$wrapper: null,

	lastBreakpoint: 0,

	allClassNames: '',

	currClassName: '',

	initialize: function (options) {
		this.$wrapper = $(options.wrapper);
		this.breakpoints = options.breakpoints;
		this.setupBreakpoints();
		this.setWrapperClassName($(window).outerWidth());
		this.addListeners();
	},

	setupBreakpoints: function () {
		var breakpoints = this.breakpoints;
		var maxBreakpoint = 0;
		var allClassNames = '';
		var bpoint, prop;

		for (prop in breakpoints) {
			bpoint = breakpoints[prop];
			if (bpoint.width > maxBreakpoint) {
				maxBreakpoint = bpoint.width;
				this.lastBreakpoint = bpoint;
			}
			allClassNames += ' '+bpoint.name;
		}

		this.allClassNames = allClassNames;
	},

	setWrapperClassName: function (width) {
		var breakpoints = this.breakpoints;
		var lastBreakpointWidth = this.lastBreakpoint.width;
		var bpoint, prop, className = '';

		if (width >= lastBreakpointWidth) {
			className = this.lastBreakpoint.name;
		} else {
			// get closest breakpoint
			for (prop in breakpoints) {
				bpoint = breakpoints[prop];
				if (width <= bpoint.width && bpoint.width < lastBreakpointWidth) {
					className = bpoint.name;
					lastBreakpointWidth = bpoint.width;
				}
			}
		}

		if (className === this.currClassName) return;
		this.$wrapper.removeClass(this.allClassNames).addClass(className);
		this.currClassName = className;
	},

	addListeners: function () {
		// $(window).on('resize', $.proxy(this, 'onResize'));
	},

	onResize: function (event) {
		var self = this;
		if (this.timeout) clearTimeout(this.timeout);
		this.timeout = setTimeout(function () {
			self.setWrapperClassName($(window).outerWidth());
		}, 200);
	}

});

module.exports = Breakpoints;
},{"../utils/Utils":4}],6:[function(require,module,exports){
// utils
var u = require('../utils/Utils');

// parent
var Tabs = require('./Tabs');

// Tabs contructor
var Expander = function () {
	Tabs.apply(this, arguments);
};

u.extend(Expander.prototype, Tabs.prototype, {

	setupTabs: function () {
		Tabs.prototype.setupTabs.call(this);
		this.$expander = this.$wrapper.find('[data-ref~=tab-expand]');
	},

	setCurrentTab: function (index) {
		var $tab = this.$tabsContent.eq(index);
		var open = $tab.data('open');
		var method = open ? 'removeClass' : 'addClass';
		this.$tabsContent.eq(index)[method](this.activeClass);
		$tab.data('open', !open);
	},

	addListeners: function () {
		Tabs.prototype.addListeners.call(this);
		this.$expander.on('click', $.proxy(this, 'onExpandAllClick'));
	},

	onExpandAllClick: function (e) {
		e.preventDefault();
		var expanded = this.$expander.data('expanded');
		var method = expanded ? 'removeClass' : 'addClass';
		var text = !expanded ? 'Collapse All' : 'Expand All';
 		this.$tabsContent[method](this.activeClass).data('open', !expanded);
		this.$expander.data('expanded', !expanded);
		this.$expander.text(text);
	}

});

module.exports = Expander;
},{"../utils/Utils":4,"./Tabs":8}],7:[function(require,module,exports){
// utils
var u = require('../utils/Utils');

// parent
var Tabs = require('./Tabs');

// Tabs contructor
var Gallery = function () {
	Tabs.apply(this, arguments);
};

u.extend(Gallery.prototype, Tabs.prototype, {

	setCurrentTab: function (index) {
		this.$tabsContent.removeClass(this.activeClass)
			.eq(index).addClass(this.activeClass);
	}

});

module.exports = Gallery;
},{"../utils/Utils":4,"./Tabs":8}],8:[function(require,module,exports){
// utils
var u = require('../utils/Utils');

// Widget used for swiching content

// constructor
var Tabs = function () {
	this.initialize.apply(this, arguments);
};

u.extend(Tabs.prototype, {

	// class added to content container
	activeClass: 'wwrcm-active',

	// references used on data-* attributes of the element
	// [data-ref="tab-nav"]
	refs: {
		nav: 'tab-nav',
		content: 'tab-content'
	},

	initialize: function (options) {
		this.$wrapper = $(options.wrapper);
		this.activeClass = options.activeClass || this.activeClass;
		this.refs = options.refs || this.refs;
		this.setupTabs();
		this.addListeners();
	},

	setupTabs: function () {
		this.$tabsNav = this.$wrapper.find('[data-ref~='+this.refs.nav+']');
		this.$tabsContent = this.$wrapper.find('[data-ref~='+this.refs.content+']');
	},

	setCurrentTab: function (index) {
		throw new Error('setCurrentTab method must be overrided');
	},

	addListeners: function () {
		this.$tabsNav.on('click', $.proxy(this, 'onTabNavClick'));
	},

	onTabNavClick: function (event) {
		event.preventDefault();
		var index = this.$tabsNav.index(event.currentTarget);
		this.setCurrentTab(index);
	}

});

module.exports = Tabs;


},{"../utils/Utils":4}],9:[function(require,module,exports){
// utils
var u = require('../utils/Utils');

// parent
var Tabs = require('./Tabs');

// Tabs contructor
var TabsDetails = function () {
	Tabs.apply(this, arguments);
};

u.extend(TabsDetails.prototype, Tabs.prototype, {

	setCurrentTab: function (index) {

		this.$tabsNav.parent('li').removeClass(this.activeClass)
			.eq(index).addClass(this.activeClass);

		this.$tabsContent.removeClass(this.activeClass)
			.eq(index).addClass(this.activeClass);

		$(document).trigger('tab-change');
	}

});

module.exports = TabsDetails;


},{"../utils/Utils":4,"./Tabs":8}],10:[function(require,module,exports){
// utils
var u = require('../utils/Utils');

// Widget used for swiching content

// constructor
var Tooltips = function () {
	this.initialize.apply(this, arguments);
};

u.extend(Tooltips.prototype, {

	activeClass: 'fade-in-up',

	refs: {
		trigger: 'tooltip-trigger',
		target: 'tooltip-target'
	},

	initialize: function (options) {
		this.$wrapper = $(options.wrapper);
		this.activeClass = options.activeClass || this.activeClass;
		this.refs = options.refs || this.refs;
		this.setup();
		this.addListeners();
	},

	setup: function () {
		this.$triggers = this.$wrapper.find('[data-ref~='+this.refs.trigger+']');
		this.$targets = this.$wrapper.find('[data-ref~='+this.refs.target+']');
	},

	addListeners: function () {
		this.$triggers.on('mouseenter', $.proxy(this, 'onTriggerOver'));
		this.$triggers.on('mouseleave',  $.proxy(this, 'onTriggerOut'));
	},

	onTriggerOver: function (event) {
		var $el = $(event.currentTarget);
		var trigger = +$el.data('trigger');
		this.$targets.eq(trigger-1).addClass(this.activeClass);
	},

	onTriggerOut: function (event) {
		var $el = $(event.currentTarget);
		var trigger = +$el.data('trigger');
		this.$targets.eq(trigger-1).removeClass(this.activeClass);
	}

});

module.exports = Tooltips;


},{"../utils/Utils":4}],11:[function(require,module,exports){
// utils
var u = require('../utils/Utils');

// Widget used to display HTML5 in modern broswers
// or fallback content with Flash in legacy browsers

// constructor
var Video = function () {
	this.initialize.apply(this, arguments);
};

// prototye properties
u.extend(Video.prototype, {

	// ID used on generated <embed> element
	flashContainerID: 'wwrcm-flash-container',

	// support for <video>
	supportsHTML5Video: false,

	initialize: function (options) {
		this.$wrapper = $(options.wrapper);
		u.extend(this, options);
		u.extend(this, this.$wrapper.data());
		this.setupPlayer();
		this.buildPlayer();
	},

	setupPlayer: function () {
		this.supportsHTML5Video = !!document.createElement('video').canPlayType;
		this.$flashContainer = $('<div>', {id: this.flashContainerID}).appendTo(this.$wrapper);
	},

	buildPlayer: function () {
		if (this.supportsHTML5Video) {
			this.buildHTML5Player();
		} else {
			this.buildFlashPlayer();
		}
	},

	// builds html5 player <video>
	buildHTML5Player: function () {
		var $video = $('<video></video>', {
			'preload': 'metadata',
			'poster': this.poster,
			'controls': 'false'
		});

		var extensions = this.extensions;
		var src, ext, i, $source;

		for (i = 0; i < extensions.length; i++) {
			ext = extensions[i];

			$source = $('<source></source>', {
				'src': this.video + '.' + ext,
				'type': 'video/'+ext
			});

			$video.append($source);
		}

		this.$wrapper.html($video);

		this.player = $video.get(0);
	},

	// build flash player <embed>
	buildFlashPlayer: function () {

		var flashvars = {
			// relative to swf path :/
			videoURL: '../../' + this.video + '.' + this.extensions.shift(),
			poster: this.poster
		};

		var params = {
			allowfullscreen:    'true',
			allowscriptaccess:  'always',
			wmode:              'transparent'
		};

		swfobject.embedSWF( this.flashPlayer,
							this.$flashContainer.attr('id'),
							this.width,
							this.height,
							"9.0.0",
							this.expressInstall,
							flashvars,
							params
						  );

		this.player = this.getFlashMovie(this.flashContainerID);

	},

	// get embed object to use the API
	getFlashMovie: function(movieName) {
		if (navigator.appName.indexOf("Microsoft") !== -1) {
			return window[movieName];
		} else {
			return document[movieName];
		}
	},

	// force to stop flash by removing and adding HTML again
	stopFlash: function () {
		this.$wrapper.html(this.$wrapper.html());
	},

	// stops player
	stop: function () {
		if (this.player) {
			if (this.supportsHTML5Video) {
				this.player.pause();
			} else {
				// this.player.stopVideo();
				this.stopFlash();
			}
		}

	}

});

module.exports = Video;
},{"../utils/Utils":4}]},{},[3]);