// This renders one of the overlib divs with image / comment

ImageQuote = IF.extend(IFComponent, function(uniqueId, bindingName) {
			this.uniqueId = uniqueId;
			this.bindingName = bindingName;
			this._shouldDisplay = true;
			this._properties = new Array(); // useful to put stuff in!
		},
{		
		translationDictionary: function() {
			if (! this._translationDictionary) {
				console.log("Translation Dictionary was not set and it should have been.  Initializing in English.");
		        this.setTranslationDictionary({ 'IQ_CLICK_TO_READ_MORE': 'Click to read more' });
			}
		    return this._translationDictionary;
		},
		
		setTranslationDictionary: function(value) {
		    this._translationDictionary = value;
		},
		
		properties: function() {
    	    return this._properties;
    	},

    	setProperties: function(p) {
    	    this._properties = p;
    	},

		render: function() {
            var props = this.properties();
            var dic = this.translationDictionary();

			var htmlStr = "<div class='PhotoGalleryOverlibBox'><div height='126' style='position:relative; height:126px; text-align:center; padding:5px; '>";
			if (('imageUrl' in props) && props.imageUrl.length) {
				htmlStr = htmlStr + "<img src='"+props.imageUrl+"'>";
			}
			htmlStr = htmlStr + "</div><div class='PhotoGalleryOverlibComment'>"+props.quoteText+"</div><div class='PhotoGalleryOverlibName highlight'>"+props.creditText+"<div class='color03 fontSmall'>"+dic.IQ_CLICK_TO_READ_MORE+"</div></div></div>";
			return overlib(htmlStr, HAUTO, VAUTO, FULLHTML);
		},

		hide: function() {
			return nd();
		}
});