//using prototype;

var ActiveImageHover = function(imageID, mainImageUrl, hoverImageUrl, hrefClick){
    this.imageID = imageID;
    this.imageObj = $(imageID);
    this.mainImageUrl = mainImageUrl;
    this.hoverImageUrl = hoverImageUrl;
    this.hrefClick = hrefClick ? hrefClick : "";
    Event.observe(this.imageObj, 'mouseover', this.setViewImage.bind(this, this.hoverImageUrl));    
    Event.observe(this.imageObj, 'mouseover', this.setViewImage.bind(this, this.hoverImageUrl));
    Event.observe(this.imageObj, 'mouseout', this.setViewImage.bind(this, this.mainImageUrl));    
    Event.observe(this.imageObj, 'click', this.navigate.bind(this, this.hrefClick));    
}

ActiveImageHover.prototype = {
    setViewImage: function(newImageUrl){
        this.imageObj.src = newImageUrl;
    },
    
    navigate: function(href){
        if(!!href)
            document.location.href = href;
        else
            window.status = "is not implemented"
    }
}