/*global navigator, document, window */

"use strict";

( function ( NS ) {

var ua = navigator.userAgent.toLowerCase(),
 other = [ 'other', '0' ],
 platform = /ip(?:ad|hone|od)/.test( ua ) ? 'ios' : (
   /android|webos/.exec( ua ) ||
   /mac|win|linux/.exec( navigator.platform.toLowerCase() ) ||
   other
 )[0],
 browser = ( /chrome|opera|safari|firefox|msie/.exec( ua ) || other )[0],
 version = parseFloat(
   ( /(?:version\/|chrome\/|firefox\/|msie\s|os )(\d+(?:[._]\d+)?)/.exec( ua )|| other )[1].replace( '_', '.' )
 ),
 cssPrefixes = {
   chrome: '-webkit-',
   firefox: '-moz-',
   msie: '-ms-',
   opera: '-o-',
   safari: '-webkit-',
   other: '-webkit-'
 },
 cssProps = {};

( function () {
 var el = document.createElement( 'div' ),
   style = el.style,
   props = {
     'box-shadow': {
       name: 'box-shadow',
       value: '0 0 0 #000'
     },
     transform: {
       name: 'transform',
       value: 'translateX(0)'
     },
     transform3d: {
       name: 'transform',
       value: 'translateZ(0)'
     },
     transition: {
       name: 'transition',
       value: 'all .3s'
     },
     perspective: {
       name: 'perspective',
       value: '1px'
     },
     'user-select': {
       name: 'user-select',
       value: 'none'
     }
   },
   prefix = cssPrefixes[ browser ],
   prop, test, css;

 for ( prop in props ) {
   test = props[ prop ];
   css = test.name + ':' + test.value;
   style.cssText = css;
   if ( style.length ) {
     cssProps[ prop ] = test.name;
   } else {
     style.cssText = prefix + css;
     cssProps[ prop ] = style.length ? prefix + test.name : null;
   }
 }
 style.cssText = 'display:flex';
 if ( style.length ) {
   cssProps.flexbox = 'flex';
 } else {
   style.cssText = 'display:' + prefix + 'flex';
   cssProps.flexbox = el.style.length ? prefix + 'flex' : null;
 }
 css = cssProps.transition;
 [ 'delay', 'timing', 'duration', 'property' ].forEach( function ( prop ) {
   cssProps[ 'transition-' + prop ] = css ? css + '-' + prop : null;
 });
 el = null;
 style = null;

 // Browser bugs:
 // 1. iOS5 Sometimes fails to transform stuff.
 // 2. Chrome on Windows XP has edge case bugs like
 //    not rendering scroll bars in transformed elements.
 if ( ( platform === 'ios' && version < 6 ) ||
     /windows nt 5.1/.test( ua ) ) {
   cssProps.transform3d = false;
 }
}() );

NS.UA = {