///<reference path="../TESCO.js" />
///<reference path="../node.js" />

TESCO.$("sites.retail.UI").InfoContainer = (function() {

	//	private static
	var NODE = TESCO.system.DOM.node;
	
    //  constructor
    function _constructor(id, className) {

        //	html produced
        //#region
        /*	<div class="infoContainer">
				<div class="br">
					<div class="tl">
						<div class="tr">
							<div class="b">
								<div class="t">
									<div class="l">
										<div class="r">
											<div class="content cf">
												
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>	*/
        //#endregion
      
        this.container = document.createElement("div");
        if (id) {
			this.container.setAttribute("id", id);
		}
		NODE.addClassName(this.container, ("infoContainer " + (className || "")));

        var _br = document.createElement("div");
        NODE.addClassName(_br, "br");
        this.container.appendChild(_br);
        
        var _tl = document.createElement("div");
        NODE.addClassName(_tl, "tl");
        _br.appendChild(_tl);
        
        var _tr = document.createElement("div");
        NODE.addClassName(_tr, "tr");
        _tl.appendChild(_tr);
        
        var _b = document.createElement("div");
        NODE.addClassName(_b, "b");
        _tr.appendChild(_b);
        
        var _t = document.createElement("div");
        NODE.addClassName(_t, "t");
        _b.appendChild(_t);
        
        var _l = document.createElement("div");
        NODE.addClassName(_l, "l");
        _t.appendChild(_l);
        
        var _r = document.createElement("div");
        NODE.addClassName(_r, "r");
        _l.appendChild(_r);

        this.content = NODE.create("div");
        NODE.addClassName(this.content, "content cf");
        _r.appendChild(this.content);

        return this;
	}
	
	_constructor.prototype.NAME = "TESCO.sites.retail.UI.InfoContainer";

	return _constructor;
})();