var RollOverImage = Class.create();
RollOverImage.prototype = {
    initialize: function (img){
        this.ro=$(img);
        //this.originalPath = this.ro.src;
        this.changeImage = $(arguments[1]);
        //if(arguments[2]) this.setMouseOverImage(arguments[2]);
        if(arguments[2]) this.setMouseDownImage(arguments[2]);
    },
    /*
    setMouseOverImage: function (path){
        this.mouseOverImage = new Image();
        this.mouseOverImage.src = path;
        this.ro.onmouseover = this.rollover.bind(this);
        //this.ro.onmouseout = this.reversion.bind(this);
    },
    */
    setMouseDownImage: function (path){
        this.mouseDownImage = new Image();
        this.mouseDownImage.src = path;
        this.ro.onmousedown = this.mousedown.bind(this);
        //this.ro.onmouseup = this.reversion.bind(this);
    },
    rollover: function (){
        this.changeImage.src = this.mouseOverImage.src;
    },
    mousedown: function (){
        this.changeImage.src = this.mouseDownImage.src;
    }
    /*
    //reversion: function (){
    //    this.ro.src = this.originalPath;
    //}
    */
};