/**************************************************\
*                BASE COMPONENT                    *
* Author: Andrew Green                             *
* Modified: 13/10/2008                             *
* Description:                                     *
\**************************************************/
Component.hint=Component.observable.extend({
	thisClass:"Component.hint",
	constructor : function(json){
		
		this._container = new Component.div({set:{'ClassName':'HintLayer'},
			append:[
				new Component.div({set:{'ClassName':'HintNW'}}),
				new Component.div({set:{'ClassName':'HintN'}}),
				new Component.div({set:{'ClassName':'HintNE'}}),
				new Component.div({set:{'ClassName':'HintE'}}),
				new Component.div({set:{'ClassName':'HintW'}}),
				new Component.div({set:{'ClassName':'HintC'}}),
				new Component.div({set:{'ClassName':'HintSW'}}),
				new Component.div({set:{'ClassName':'HintS'}}),
				new Component.div({set:{'ClassName':'HintSE'}}),
				this._content = new Component.div({set:{'ClassName':'HintContent'}})
			]});
		
		this.baseElement=this._container;
		Component.hint.parent.constructor.apply(this,arguments);
	},
	setInnerHTML : function(value){
		this._content.setHTML(value);
		return this.properties['InnerHTML']=value;
	},
	append : function(component){
		this._content.append(component);
		Component.hint.parent.append.apply(this,arguments);
	},
	render : function(){
		this._container.render();
		Component.hint.parent.render.apply(this,arguments);
	}
});