JKow.namespace(["WTK"]);

JKow.WTK.BorderedWindow = JKow.extend( JKow.WTK.Window, {
		'el_container' : null,
		'el_view' : null,
		'el_content' : null,
		'resources' : {
			'corner-1' : 'jkow/img/wtk_corner_1.png' ,
			'corner-2' : 'jkow/img/wtk_corner_2.png' ,
			'corner-3' : 'jkow/img/wtk_corner_3.png',
			'corner-4' : 'jkow/img/wtk_corner_4.png' ,
			'border-h' : 'jkow/img/wtk_border_h_10x7.png' ,
			'border-v' : 'jkow/img/wtk_border_v_10x7.png', 
			'win-bg' : 'jkow/img/wtk_bg_32x32.png'
		},
		'setContent' : function(content){
			this.el_view.innerHTML = content;
		},
		'init' : function(win_id){
			var sender = this;

			this._init();
			this.setParent(document.getElementsByTagName('body')[0]);

			/* set up window element container */
			var el_a = document.createElement('div');
			el_a.className = 'bordered-window-container';
			el_a.id = win_id; 
			JKow.Util.setStyle(el_a, 'width' , this.style.width);
			JKow.Util.setStyle(el_a, 'position', 'relative');
			this.el_container = el_a;


			/* set up the view element */
			var el_v = document.createElement('div');
			el_v.className = 'view';
			this.el_view = el_v;

			

			/*var el_v_spacer = document.createElement('div');
			el_v_spacer.className = 'view-spacer';
			el_v.appendChild(el_v_spacer);*/


			el_a.appendChild(el_v);
			this.element.appendChild(el_a);

			this.drawBorder();

			/* system menu/buttons */
			var el_btn_close = document.createElement('div');
			el_btn_close.className = 'btn_close';
			el_a.appendChild(el_btn_close);

			el_btn_close.onclick = function(){
				sender.setVisible(false);		
			}
		},
		'drawBorder' : function(){
			/* draw corners */
			var el_c_arr = {};
			for (var i = 1; i <= 4; ++i){
				var el_c = document.createElement('div');
				el_c.className = 'window-corner corner-' + i.toString();
				this.el_container.appendChild(el_c);
			}

			/* draw borders */
			for (var i = 1; i <= 2; ++i){
				var el_b = document.createElement('div');
				el_b.className = 'window-border border-' + i.toString(); 
				this.el_container.appendChild(el_b);
			}
		}
	}
);