//////////////////////////////////////////////////////////////////////////////////
// CloudCarousel V1.0.4
// (c) 2010 by R Cecco. <http://www.professorcloud.com>
// MIT License
//
// Reflection code based on plugin by Christophe Beyls <http://www.digitalia.be>
//
// Please retain this copyright header in all versions of the software
//////////////////////////////////////////////////////////////////////////////////
(function($) {
    function Reflection(img, reflHeight, opacity) {
        var reflection, cntx, imageWidth = img.width,
            imageHeight = img.width,
            gradient, parent;
        parent = $(img.parentNode);
        if ($.browser.msie) {
            this.element = reflection = parent.append("<img class='reflection' style='position:absolute'/>").find(':last')[0];
            reflection.src = img.src;
            reflection.style.filter = "flipv progid:DXImageTransform.Microsoft.Alpha(opacity=" + (opacity * 100) + ", style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy=" + (reflHeight / imageHeight * 100) + ")"
        } else {
            this.element = reflection = parent.append("<canvas class='reflection' style='position:absolute'/>").find(':last')[0];
            if (!reflection.getContext) {
                return
            }
            cntx = reflection.getContext("2d");
            try {
                $(reflection).attr({
                    width: imageWidth,
                    height: reflHeight
                });
                cntx.save();
                cntx.translate(0, imageHeight - 1);
                cntx.scale(1, -1);
                cntx.drawImage(img, 0, 0, imageWidth, imageHeight);
                cntx.restore();
                cntx.globalCompositeOperation = "destination-out";
                gradient = cntx.createLinearGradient(0, 0, 0, reflHeight);
                gradient.addColorStop(0, "rgba(255, 255, 255, " + (1 - opacity) + ")");
                gradient.addColorStop(1, "rgba(255, 255, 255, 1.0)");
                cntx.fillStyle = gradient;
                cntx.fillRect(0, 0, imageWidth, reflHeight)
            } catch (e) {
                return
            }
        }
        $(reflection).attr({
            'alt': $(img).attr('alt'),
            title: $(img).attr('title')
        })
    }
    var Item = function(imgIn, options) {
        this.orgWidth = imgIn.width;
        this.orgHeight = imgIn.height;
        this.image = imgIn;
        this.reflection = null;
        this.alt = imgIn.alt;
        this.title = imgIn.title;
        this.imageOK = false;
        this.options = options;
        this.imageOK = true;
        if (this.options.reflHeight > 0) {
            this.reflection = new Reflection(this.image, this.options.reflHeight, this.options.reflOpacity)
        }
        $(this.image).css('position', 'absolute')
    };
    var Controller = function(container, images, options) {
        var items = [],
            funcSin = Math.sin,
            funcCos = Math.cos,
            ctx = this;
        this.controlTimer = 0;
        this.stopped = false;
        this.container = container;
        this.xRadius = options.xRadius;
        this.yRadius = options.yRadius;
        this.showFrontTextTimer = 0;
        this.autoRotateTimer = 0;
        if (options.xRadius === 0) {
            this.xRadius = ($(container).width() / 2.3)
        }
        if (options.yRadius === 0) {
            this.yRadius = ($(container).height() / 6)
        }
        this.xCentre = options.xPos;
        this.yCentre = options.yPos;
        this.frontIndex = 0;
        this.rotation = this.destRotation = Math.PI / 2;
        this.timeDelay = 1000 / options.FPS;
        if (options.altBox !== null) {
            $(options.altBox).css('display', 'block');
            $(options.titleBox).css('display', 'block')
        }
        $(container).css({
            position: 'relative',
            overflow: 'hidden'
        });
        $(options.buttonLeft).bind('mouseup', this, function(event) {
            event.data.rotate(-1);
            return false
        });
        $(options.buttonRight).bind('mouseup', this, function(event) {
            event.data.rotate(1);
            return false
        });
        if (options.mouseWheel) {
            $(container).bind('mousewheel', this, function(event, delta) {
                event.data.rotate(delta);
                return false
            })
        }
        $(container).bind('mouseover click', this, function(event) {
            clearInterval(event.data.autoRotateTimer);
            var text = $(event.target).attr('alt');
            if (text !== undefined && text !== null) {
                clearTimeout(event.data.showFrontTextTimer);
                $(options.altBox).html(($(event.target).attr('alt')));
                $(options.titleBox).html(($(event.target).attr('title')));
                if (options.bringToFront && event.type == 'click') {
                    var idx = $(event.target).data('itemIndex');
                    var frontIndex = event.data.frontIndex;
                    var diff = idx - frontIndex;
                    event.data.rotate(-diff)
                }
            }
        });
        $(container).bind('mouseout', this, function(event) {
            var context = event.data;
            clearTimeout(context.showFrontTextTimer);
            context.showFrontTextTimer = setTimeout(function() {
                context.showFrontText()
            }, 1000);
            context.autoRotate()
        });
        $(container).bind('mousedown', this, function(event) {
            event.data.container.focus();
            return false
        });
        container.onselectstart = function() {
            return false
        };
        this.innerWrapper = $(container).wrapInner('<div style="position:absolute;width:100%;height:100%;"/>').children()[0];
        this.showFrontText = function() {
            if (items[this.frontIndex] === undefined) {
                return
            }
            $(options.titleBox).html($(items[this.frontIndex].image).attr('title'));
            $(options.altBox).html($(items[this.frontIndex].image).attr('alt'))
        };
        this.go = function() {
            if (this.controlTimer !== 0) {
                return
            }
            var context = this;
            this.controlTimer = setTimeout(function() {
                context.updateAll()
            }, this.timeDelay)
        };
        this.stop = function() {
            clearTimeout(this.controlTimer);
            this.controlTimer = 0
        };
        this.rotate = function(direction) {
            this.frontIndex -= direction;
            this.frontIndex %= items.length;
            this.destRotation += (Math.PI / items.length) * (2 * direction);
            this.showFrontText();
            this.go()
        };
        this.autoRotate = function() {
            if (options.autoRotate !== 'no') {
                var dir = (options.autoRotate === 'right') ? 1 : -1;
                this.autoRotateTimer = setInterval(function() {
                    ctx.rotate(dir)
                }, options.autoRotateDelay)
            }
        };
        this.updateAll = function() {
            var minScale = options.minScale;
            var smallRange = (1 - minScale) * 0.5;
            var w, h, x, y, scale, item, sinVal;
            var change = (this.destRotation - this.rotation);
            var absChange = Math.abs(change);
            this.rotation += change * options.speed;
            if (absChange < 0.001) {
                this.rotation = this.destRotation
            }
            var itemsLen = items.length;
            var spacing = (Math.PI / itemsLen) * 2;
            var radians = this.rotation;
            var isMSIE = $.browser.msie;
            this.innerWrapper.style.display = 'none';
            $(options.buttonZoom).css('display', 'none');
            var style;
            var px = 'px',
                reflHeight;
            var context = this;
            for (var i = 0; i < itemsLen; i++) {
                item = items[i];
                sinVal = funcSin(radians);
                scale = ((sinVal + 1) * smallRange) + minScale;
                x = this.xCentre + (((funcCos(radians) * this.xRadius) - (item.orgWidth * 0.5)) * scale);
                y = this.yCentre + (((sinVal * this.yRadius)) * scale);
                if (item.imageOK) {
                    var img = item.image;
                    w = img.width = item.orgWidth * scale;
                    h = img.height = item.orgHeight * scale;
                    img.style.left = x + px;
                    img.style.top = y + px;
                    img.style.zIndex = "" + (scale * 100) >> 0;
                    if (item.reflection !== null) {
                        reflHeight = options.reflHeight * scale;
                        style = item.reflection.element.style;
                        style.left = x + px;
                        style.top = y + h + options.reflGap * scale + px;
                        style.width = w + px;
                        if (isMSIE) {
                            style.filter.finishy = (reflHeight / h * 100)
                        } else {
                            style.height = reflHeight + px
                        }
                    }
                }
                radians += spacing
            }
            this.innerWrapper.style.display = 'block';
            $(container).css('visibility', 'visible');
            $(options.buttonLeft).css('display', 'inline');
            $(options.buttonRight).css('display', 'inline');
            if (absChange >= 0.001) {
                this.controlTimer = setTimeout(function() {
                    context.updateAll()
                }, this.timeDelay)
            } else {
                this.stop();
                $(options.buttonZoom).css('display', 'block')
                $(options.buttonZoom).attr('href', $(items[Math.abs(this.frontIndex)].image).parent().attr('href'));
            }
        };
        this.checkImagesLoaded = function() {
            var i;
            for (i = 0; i < images.length; i++) {
                if ((images[i].width === undefined) || ((images[i].complete !== undefined) && (!images[i].complete))) {
                    return
                }
            }
            for (i = 0; i < images.length; i++) {
                items.push(new Item(images[i], options));
                $(images[i]).data('itemIndex', i)
            }
            clearInterval(this.tt);
            this.showFrontText();
            this.autoRotate();
            this.updateAll()
        };
        this.tt = setInterval(function() {
            ctx.checkImagesLoaded()
        }, 50)
    };
    $.fn.CloudCarousel = function(options) {
        this.each(function() {
            options = $.extend({}, {
                reflHeight: 0,
                reflOpacity: 0.5,
                reflGap: 0,
                minScale: 0.5,
                xPos: 0,
                yPos: 0,
                xRadius: 0,
                yRadius: 0,
                altBox: null,
                titleBox: null,
                FPS: 30,
                autoRotate: 'no',
                autoRotateDelay: 1500,
                speed: 0.2,
                mouseWheel: false,
                bringToFront: false
            }, options);
            $(this).data('cloudcarousel', new Controller(this, $('.cloudcarousel', $(this)), options))
        });
        return this
    }
})(jQuery);