var hAutoRotate = null;

$.fn.carouselthreed = function(options) {

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

    var emClass = settings.emClass;
    var elements = this.find("." + emClass);
    var links = this.find(".menu a");
    var contents = $("#feat-right > div");
    var mutex = false;
    this.find("." + emClass).css("position", "absolute");
    this.find("." + emClass).css("overflow", "hidden");
    //$(this).css("position", "relative");
    this.find(".images").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;

        //        $(links).each(function(i) {
        //            $(links[i]).fadeOut("fast");
        //        });
        $(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;

                    for (k = 0; k <= links.length - 1; k++) {
                        //$(links[k]).attr("href", $(elements[k]).attr("href") ? $(elements[k]).attr("href") : "#");
                        if ($(elements[k]).attr("alt")) {
                            $(links[k]).text($(elements[k]).attr("alt"));
                            $(links[k]).css("visibility", "visible");
                            //$(links[k]).fadeIn();
                        } else
                            $(links[k]).text("empty").css("visibility", "hidden");
                    }
                    $("#feat-right div").hide();
                    $("#feat-right div[contentid='" + $(elements[1]).attr("contentid") + "']").fadeIn("fast").find("div").fadeIn("fast");
                }
            });
        });

        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);

    }

    if (settings.autoRotate) {
        hAutoRotate = setInterval(function() {
            if (mutex) {
                return;
            }
            if (this === elements[0]) {
                transit(false);
            }
            else {
                transit(true)
            }
        }, settings.autoRotateSpeed);
    }

    $(elements).each(function() {
        $(this).click(function(e) {
            if (mutex) {
                return;
            }
            if (this === elements[0]) {
                transit(false);
            }
            else if (this === elements[1]) {
                return;
                //    if ($(this).attr("href"))
                //        location.href = $(this).attr("href");
            }
            else //if (this === elements[2])
                transit(true);
                
            clearInterval(hAutoRotate);
            hAutoRotate = setInterval(function() {
                if (mutex) {
                    return;
                }
                if (this === elements[0]) {
                    transit(false);
                }
                else {
                    transit(true)
                }
            }, settings.autoRotateSpeed);
        });
    });
    $(links).each(function() {
        $(this).click(function(e) {
            if (mutex) {
                return;
            }
            if (this === links[0]) {
                transit(false);
            }
            else if (this === links[1]) {
                return;
            }
            else //if (this === links[2])
                transit(true);

            clearInterval(hAutoRotate);
            hAutoRotate = setInterval(function() {
                if (mutex) {
                    return;
                }
                if (this === elements[0]) {
                    transit(false);
                }
                else {
                    transit(true)
                }
            }, settings.autoRotateSpeed);
        });
    });

    $(elements).each(function(i) {
        $(elements[i]).animate(settings.states[i], settings.speed, 'swing')
        $(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 });
    });

    for (k = 0; k <= links.length - 1; k++) {
        //$(links[k]).attr("href", $(elements[k]).attr("href") ? $(elements[k]).attr("href") : "#");
        if ($(elements[k]).attr("alt")) {
            $(links[k]).text($(elements[k]).attr("alt"));
            $(links[k]).css("visibility", "visible");
            //$(links[k]).fadeIn();
        } else
            $(links[k]).text("empty").css("visibility", "hidden");
    }
    $("#feat-right div").hide();
    $("#feat-right div[contentid='" + $(elements[1]).attr("contentid") + "']").fadeIn("fast").find("div").fadeIn("fast");

    return this;
};