function CoverFlow (div, coversize, flowwidth, edgecolour, CoverClickCallback)
{
 
    // Tweaks -----------------------------------
    
     this.scrollSpeed = 0.20;
    this.scrollMaxJump = 0.25;
 
    // ------------------------------------------
 
    this.div = div; //document.getElementById(div);
    this.coversize = coversize;
    this.halfsize = coversize / 2;
    this.flowwidth = flowwidth;
    this.halfwidth = flowwidth / 2;
    this.edgecolour = edgecolour;
    this.CoverClickCallback = CoverClickCallback;
 
    this.div.style.position = "relative";
    this.div.style.width = this.flowwidth + "px";
    this.div.style.height = this.coversize + "px";
    this.div.style.overflow = "hidden";
 
    this.targetPos = 0;
    this.scrollPos = 0;
 
    this.Covers = [];
    while (this.div.childNodes.length > 0)
    {
        child = this.div.firstChild;
        if (child.nodeName == "IMG" )
        {
            this.Covers.push(new CoverFlowItem(this, this.Covers.length, child.src));
        }
        this.div.removeChild(child);
    }
    for (i in this.Covers)
    {
        this.div.appendChild(this.Covers[i].outerdiv);
    }
 
    this.needReflections = false;
    this.Update = function ()
    {
        offset = this.targetPos - this.scrollPos;
        scrollamount = offset * this.scrollSpeed;
        if (Math.abs(scrollamount) > this.scrollMaxJump)
        {
            offsetabs = Math.abs(offset);
            if (offsetabs > 3)
            {
                scrollamount = offset / 6;
            }
            else
            {
                scrollamount = this.scrollMaxJump * (scrollamount > 0 ? 1 : -1);
            }
        }
        this.scrollPos += scrollamount;
 
        for (i = 0; i < this.Covers.length; i++)
        {
            this.Covers[i].Update(this.halfwidth, this.halfwidth, i - this.scrollPos);
        }
 
        if (this.needReflections)
        {
            for (i = 0; i < this.Covers.length; i++)
            {
                CoverFlowReflection.add(this.Covers[i].coverimg);
            }
            this.needReflections = false;
        }
    };
 
    this.Goto = function (newpos)
    {
        newpos = Math.max(newpos, 0);
        newpos = Math.min(newpos, this.Covers.length - 1);
        this.targetPos = newpos;
    };
 
    this.Flip = function (flipamount)
    {
        this.Goto (this.targetPos + flipamount);
    };
 
    this.GotoFirst = function ()
    {
        this.Goto(0);
    };
 
    this.GotoLast = function ()
    {
        this.Goto(this.Covers.length - 1);
    };
 
    this.ClickedCover = function (Cover)
    {
        this.Goto(Cover.CoverIndex);
        if (CoverClickCallback)
        {
            CoverClickCallback(Cover);
        }
    };
 
    /*
     * These scroll methods are to make this a compatible 'scroller object' for my rwmPodNav module.
     * The two make a perfect partnership!!
     */
 
    var scrollerinput = 0;
    this.DoScroll = function (pix)
    {
        scrollerinput += pix;
        jumpamount = Math.floor(scrollerinput / 50);
        scrollerinput -= (jumpamount * 50);
        this.Flip(jumpamount);
    };
 
    this.ScrollToTop = function ()
    {
        this.GotoFirst();
    };
 
    this.ScrollToBottom = function ()
    {
        this.GotoLast();
    };
 
}
 
function CoverFlowItem (CoverFlowObj, CoverIndex, imgSrc)
{
    this.CoverFlow = CoverFlowObj;
    this.CoverIndex = CoverIndex;
    this.imgSrc = imgSrc;
 
    this.outerdiv = document.createElement("div" );
    this.coverimg = document.createElement("img" );
    this.edgesdiv = document.createElement("div" );
    this.outerdiv.appendChild(this.coverimg);
    this.outerdiv.appendChild(this.edgesdiv);
 
    this.innerdiv = document.createElement("div" );
    this.outerdiv.appendChild(this.innerdiv);
 
    this.coverimg.src = imgSrc;
 
    this.outerdiv.style.position = "absolute";
    this.outerdiv.style.width = this.CoverFlow.coversize + "px";
    this.outerdiv.style.borderLeftStyle = "solid";
    this.outerdiv.style.borderLeftColor = "#d5d5d5";
    this.outerdiv.style.borderRightStyle = "solid";
    this.outerdiv.style.borderRightColor = "#d5d5d5";
    this.coverimg.style.width = "100%";
    this.coverimg.className = "reflect";
    this.edgesdiv.style.position = "absolute";
    this.edgesdiv.style.top = "0px";
    this.edgesdiv.style.left = "0px";
    this.edgesdiv.style.borderTopStyle = "solid";
    this.edgesdiv.style.borderRightStyle = "solid";
    this.edgesdiv.style.borderBottomStyle = "none";
    this.edgesdiv.style.borderLeftStyle = "solid";
    this.edgesdiv.style.borderLeftWidth = "0px";
    this.edgesdiv.style.borderLeftColor = "transparent";
    this.edgesdiv.style.borderRightWidth = "0px";
    this.edgesdiv.style.borderRightColor = "transparent";
    this.edgesdiv.style.borderTopColor = this.CoverFlow.edgecolour;
 
    this.createClickHandler = function ()
    {
        var self = this;
        return function ()
        {
            self.CoverFlow.ClickedCover(self);
        };
    };
 
    this.coverimg.onclick = this.createClickHandler();
 
    this.Update = function (xorigin, range, xoffset)
    {
        xoffsetabs = Math.abs(xoffset);
        xoffsetsign = xoffset >= 0 ? 1 : -1;
        if (xoffsetabs < 1)
        {
            proportion = 0.3 + 0.7 * (1 - (xoffsetabs - Math.floor(xoffsetabs)));
        }
        else
        {
            proportion = 0.3;
        }
 
        scaledsize = Math.round(this.CoverFlow.coversize * proportion);
        if (scaledsize < 1) scaledsize = 1;
        if (scaledsize > this.CoverFlow.coversize) scaledsize = this.CoverFlow.coversize;
        bordersize = Math.round((this.CoverFlow.coversize - scaledsize) * 0.2);
        bordersizeedge = bordersize * 0.5;
 
        this.coverimg.style.height = this.CoverFlow.coversize + "px";
        this.edgesdiv.style.borderTopWidth = bordersize + "px";
        if (xoffsetsign == 1)
        {
            this.edgesdiv.style.borderLeftWidth = "0px";
            this.edgesdiv.style.borderRightWidth = scaledsize + "px";
            this.outerdiv.style.borderLeftWidth = "0px";
            this.outerdiv.style.borderRightWidth = bordersizeedge + "px";
        }
        else
        {
            this.edgesdiv.style.borderLeftWidth = scaledsize + "px";
            this.edgesdiv.style.borderRightWidth = "0px";
            this.outerdiv.style.borderLeftWidth = bordersizeedge + "px";
            this.outerdiv.style.borderRightWidth = "0px";
        }
 
        if (xoffsetabs > 0.4)
        {
            left = xorigin + (this.CoverFlow.coversize * xoffset * 0.4) + (xoffsetsign * this.CoverFlow.coversize * 0.3);
            if (xoffsetsign == -1) left -= bordersizeedge; // coz this is unofficially added to the outerdiv width
        }
        else
        {
            left = xorigin + (this.CoverFlow.coversize * xoffset);
        }
        left -= scaledsize * 0.5; // "centre" the current cover
        left = Math.round(left);
        
        this.outerdiv.style.left = left + "px";
        this.outerdiv.style.width = scaledsize + "px";
        this.outerdiv.style.zIndex = Math.round(1000 + 100 * proportion - xoffsetabs);
 
    };
}

for (i in this.Covers)

for (i = 0; i < this.Covers.length; i++)