(function($) {
                $.fn.carousel3D = function(options) {

                var parentContainer = this;
                var settings = $.extend({
                    speed: 350,
                    perspectiveZoom : 80,
                    sideOffset: 70,
                    topOffset:0,
                    emClass: "tdc-element",
                    secondaryOpacity:0.8,
                    states : [],
                    notify : function() {}
                }, options);

                var emClass = settings.emClass;
                var elements = this.find("."+emClass);
                var mutex = false;
                this.find("."+emClass).css("position","absolute");
                this.find("."+emClass).css("display","block");
                $(this).css("position","relative");
                var lastEm = elements.length - 1;

                var initW = $(elements[1]).width();
                var initH = $(elements[1]).height();
                var initWS = initW * settings.perspectiveZoom/100;
                var initHS = initH * settings.perspectiveZoom/100;


                settings.states = [
                    {height:initHS, width:initWS, top:(initH-initHS)/2+settings.topOffset, left:0, opacity:settings.secondaryOpacity},
                    {height:initH, width:initW, top:0, left:settings.sideOffset, opacity:100},
                    {height:initHS,width:initWS, top:(initH-initHS)/2+settings.topOffset, left:2*settings.sideOffset+initW - initWS, opacity:settings.secondaryOpacity}
                ];

                for(var j=3;j<=lastEm;j++){
                    settings.states[j] = {height:0, width:0, top:(initH)/2, left:settings.sideOffset+initW/2, opacity:0};
                }

                function transit(direction) {
                    mutex = true;

                    $(elements).each(function(i){
                        $(elements[i]).animate(settings.states[direction ? (i == 0 ? lastEm : i - 1) : (i == lastEm ? 0 : i + 1)], settings.speed, 'swing', function(){
                            if (i==lastEm){
                                var prevState = elements;
                                elements = [];
                                elements[0] = prevState[direction ? 1 : lastEm];
                                elements[lastEm] = prevState[direction ? 0 : lastEm-1];
                                for(var j=1;j<lastEm;j++)
                                    elements[j] = prevState[direction ? j+1 : j-1];

                                $(elements).each(function(){
                                   $(elements[1]).css({zIndex: 200});
                                   $(elements[2]).css({zIndex: 100});
                                   $(elements[0]).css({zIndex: 100});
                                   for(var j = 3; j<=lastEm;j++)
                                       $(elements[j]).css({zIndex: 1});
                                });
                                mutex = false;
                                settings.notify(elements);
                            }
                        });
                    });

                    setTimeout(function(){
                        $(elements[0]).css({zIndex: direction ? 100 : 200});
                        $(elements[1]).css({zIndex: 100});
                        $(elements[2]).css({zIndex: direction ? 200 : 100});
                        for (var j = 3; j<=lastEm;j++)
                            $(elements[j]).css({zIndex: 1});
                    }, settings.speed / 2);

                }

                $(elements).each(function(){
                    $(this).click(function(e){
                        if(mutex) {
                            return;
                        }
                        if(this === elements[0]) {
                            transit(false)
                        }
                        else {
                            transit(true)
                        }
                    });
                });

                $(elements).each(function(i){
                    $(elements[i]).animate(settings.states[i], settings.speed, 'swing',function(){settings.notify(elements[0]);})
                    $(elements[1]).css({zIndex: 200});
                    $(elements[2]).css({zIndex: 100}); $(elements[0]).css({zIndex:100});
                    for (var j = 3; j<=lastEm;j++)
                        $(elements[lastEm]).css({zIndex: 1});
                });

                return {
                    goprev : function(){
                        transit(false);
                    },
                    gonext : function(){
                        transit(true);
                    }
                }
            };
            })(jQuery);