/*
 * Swiper 3D Flow 2.1.0
 * 3D Flow plugin for Swiper
 *
 * http://www.idangero.us/sliders/swiper/plugins/3dflow.php
 *
 * Copyright 2010-2014, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: January 28, 2014
*/
Swiper.prototype.plugins.tdFlow = function(swiper, params) {
	if (!swiper.support.transforms3d) return;
	var slides, wrapperSize, slideSize, initialized;
	var isH = swiper.params.mode == 'horizontal';
	if(!params) return;
	/*=========================
	  Default Parameters
	  ===========================*/
	var defaults = {
		rotate : 50,
		stretch :0,
		depth: 100,
		modifier : 1,
		shadows : true 
	}
	params = params || {};	
	for (var prop in defaults) {
		if (! (prop in params)) {
			params[prop] = defaults[prop]	
		}
	}
	
	
	function init() {
		initialized = true;
		slides = swiper.slides
		for (var i=0; i<slides.length; (!initialized)="" (ish)="" (math.abs(rotatex)<0.001)="" (math.abs(rotatey)<0.001)="" (math.abs(translatex)<0.001)="" (math.abs(translatey)<0.001)="" (math.abs(translatez)<0.001)="" (params.shadows)="" (var="" +translatex+'px,'+translatey+'px,'+translatez+'px)="" -="" -params.rotate;="" -transform.x+swiper.width="" -transform.y+swiper.height="" 0="" 0)="" 0;="" 2="" 2)="" :="" ;="" ?="" center="" each="" else="" fix="" for="" from="" function="" i="0;" i++)="" i<slides.length;="" i<swiper.slides.length;="" if="" offset="" offsetmultiplier="(center" params.rotate="" params.stretch*(offsetmultiplier)="" return;="" rotate="isH" rotate*offsetmultiplier="" rotate*offsetmultiplier;="" rotatex="0;" rotatex('+rotatex+'deg)="" rotatey="0;" rotatey('+rotatey+'deg)';="" rotatez="0" set="" shadowafter="isH" shadowafter.style.opacity="(-offsetMultiplier)" shadowbefore="isH" shadows="" slide="" slideoffset="" slides[i].swiperslideoffset="slides[i].offsetTop" slidesize="" slidesize*params.modifier;="" slidetransform="translate3d(" slidetransform);="" small="" swiper.settransform(swiper.slides[i],="" swiper.settransition(slides[i],="" swiper.slides[i].queryselector('.swiper-slide-shadow-bottom');="" swiper.slides[i].queryselector('.swiper-slide-shadow-left')="" swiper.slides[i].queryselector('.swiper-slide-shadow-right')="" swiper.slides[i].queryselector('.swiper-slide-shadow-top');="" swiper.slides[i].style.zindex="-Math.abs(Math.round(offsetMultiplier))+1" threedslides(transform)="" transform="transform" translate="params.depth;" translatex="0;" translatey="0;" translatez="0;" ultra="" values="" var="" wrappersize="swiper.h.getHeight(swiper.wrapper);" y:0,="" z:0};="" {="" {x:0,="" ||="" }="">0 ? (-offsetMultiplier) : 0;
				shadowBefore.style.opacity = offsetMultiplier&gt;0 ? offsetMultiplier : 0;
			}
		}
		
		//Set correct perspective for IE10		
		if (swiper.browser.ie10 || swiper.browser.ie11) {
			var ws = swiper.wrapper.style;
			ws.perspectiveOrigin = center+'px 50%'
		}
		
	}
	
	//Plugin Hooks
	var hooks = {
		onFirstInit : function(args){
			slides = swiper.slides;
			if (params.shadows) {
				//Add Shadows
				var shadowEl1 = document.createElement('div')
				var shadowEl2 = document.createElement('div')
				shadowEl1.className = isH ? 'swiper-slide-shadow-left' : 'swiper-slide-shadow-top'
				shadowEl2.className = isH ? 'swiper-slide-shadow-right' : 'swiper-slide-shadow-bottom'
				for (var i=0; i&lt;slides.length; i++) {
					slides[i].appendChild(shadowEl1.cloneNode())
					slides[i].appendChild(shadowEl2.cloneNode())
				}
			}
			//Update Dimensions
			init();
			//Set in 3D
			threeDSlides({x:swiper.getWrapperTranslate('x'), y:swiper.getWrapperTranslate('y'), z:swiper.getWrapperTranslate('z')});
		},
		onInit : function(args) {
			init();
			//Set in 3D
			threeDSlides({x:swiper.getWrapperTranslate('x'), y:swiper.getWrapperTranslate('y'), z:swiper.getWrapperTranslate('z')});
		},
		onSetWrapperTransform: function(transform){
			threeDSlides(transform);
		},
		onSetWrapperTransition: function(args){
			
			for (var i=0; i&lt;swiper.slides.length; i++) {
				swiper.setTransition(swiper.slides[i], args.duration)
				if (isH &amp;&amp; params.shadows) {
					swiper.setTransition(swiper.slides[i].querySelector('.swiper-slide-shadow-left'), args.duration)
					swiper.setTransition(swiper.slides[i].querySelector('.swiper-slide-shadow-right'), args.duration)
				}
				else if(params.shadows) {
					swiper.setTransition(swiper.slides[i].querySelector('.swiper-slide-shadow-top'), args.duration)
					swiper.setTransition(swiper.slides[i].querySelector('.swiper-slide-shadow-bottom'), args.duration)
				}
			}
	
			
		}
	}
	return hooks
}

</slides.length;>