/*****************************************************************
* ResourceImage class.
*****************************************************************/
var EMPTY_IMAGE = "/ERA/WebControls/Images/InsertImageHere.gif"

function ResourceImage (id, node){
	this.id = id;
	this.node = node;
	window[id] = this;
}

ResourceImage.prototype.getNodeValue = function() {
    return this.node.domNode.nodeTypedValue;
}

ResourceImage.prototype.getResourceImage = function() {
    var s = (this.getNodeValue() == null || this.getNodeValue().length == 0) ?
        EMPTY_IMAGE :
        this.getNodeValue();
    return s;
}

ResourceImage.prototype.getImageId = function ( nodeId ) {
    if (this.id.lastIndexOf('_') > 0)
        return this.id.substring(this.id.lastIndexOf('_') + 1);
    else
        return "";
}

ResourceImage.prototype.getHTML = function() {
    var imageId = this.getImageId(this.id);
    return '<table cellpadding="1" cellspacing="1"><tr><td>'
	        + ' <a onclick="javascript:window.open(\'/ERA/ResourceGallery/ResourceManagerDialog.aspx?type=JSimage&imageId=' + imageId + imagePath + '\',\'\',\'status=1,scrollbars=1, height=550, width=850, resizable=0\');">'
            + '  <img src="/ERA/WebControls/Images/Image.gif" border="0">'
            + ' </a>'
            + ' <a onclick="javascript:setResourceImage(null, \'' + imageId + '\');">'
            + '  <img src="/ERA/WebControls/Images/ResourceRemove.gif" border="0">'
            + ' </a>'
            + ' <table border="1" cellpadding="0" cellspacing="0"><tr><td>'
            + '  <img id="rgImage_' + imageId + '" src="' + this.getResourceImage() + '" style="border-width:0px;" />'
            + ' </td></tr></table>'
            + '</td></tr></table>';
}

ResourceImage.prototype.getElementById = function(id) {
	var element = window[id];
	if(!element)  element = document.getElementById(id);
	return element;
}

ResourceImage.prototype.setImage = function( url, nodeId ) {
    var imageId = 'rgImage_' + this.getImageId(nodeId);
    if (document.getElementById(imageId) != null) {
        if (url == null || url.length == 0)
            document.getElementById(imageId).src = EMPTY_IMAGE;
        else
            document.getElementById(imageId).src = url;
    }
}

setResourceImage = function ( url, imageId ) {
    if (document.getElementById('rgImage_' + imageId) != null) {
        if (url == null || url.length == 0) {
            document.getElementById('rgImage_' + imageId).src = EMPTY_IMAGE;
            builder.selectedAttributeNode.domNode.nodeTypedValue = "";
        } else {
            document.getElementById('rgImage_' + imageId).src = url;
            builder.selectedAttributeNode.domNode.nodeTypedValue = url;
        }

        builder.updateHidden();
    }
}