var Blogs = Class.create({
  initialize: function(path, layer, auth) {
	this.blogs;
	this.path = path;
	this.thumbsize = '130';
	this.title_len = 18;
	this.num_in_row = 4; 
	this.backend = path + 'backend/'; 
	this.layer_content = $(layer);
	this.auth = auth;
  },

  renderBlogs: function(modifyHandler, modifyHandlerArg) {
	var row;
	var tbl = document.createElement('table');
	var tblhead = document.createElement('tbody'); 
	tbl.appendChild(tblhead);

	for (i = 0; i < this.blogs.length; i++) {
		cur = this.blogs[i];

		if (i % this.num_in_row == 0) {
			row = document.createElement('tr');
			tblhead.appendChild(row);
		}

		var imgpath = this.path + 'thumbs/'+this.thumbsize+'/' + cur.id;
		var datearr = ut2array(cur.date);
		var link = cur.link;

		var blogelm = document.createElement('div');
		Element.addClassName(blogelm, 'blog');
		blogelm.id = 'blog_' + cur.id;

		if (this.auth) {
			var par = document.createElement('p');
			var img = document.createElement('img');
			img.src = this.path + 'img/document.gif'; img.border = '0';
			var url = this.path +'backend/edit/formBlog.php?&what=edit&bid='+cur.id;

			var popup = new Popup(this.path, url);
			if (modifyHandler != null)
				popup.addNotify(modifyHandler, modifyHandlerArg);

			img._popup_obj = popup;
			img.onclick = popup_show;
			var lnk = document.createElement('a');
			lnk.href = 'javascript:nop()';
			lnk.appendChild(img);
			par.appendChild(lnk);

			var img = document.createElement('img');
			img.src = this.path + 'img/cross.gif'; img.border = '0';
			var url = this.path +'backend/edit/formCol.php?&what=delblog&bid='+cur.id;

			var popup = new Popup(this.path, url);
			if (modifyHandler != null)
				popup.addNotify(modifyHandler, modifyHandlerArg);

			img._popup_obj = popup;
			img.onclick = popup_show;
			var lnk = document.createElement('a');
			lnk.href = 'javascript:nop()';
			lnk.appendChild(img);
			par.appendChild(lnk);

			blogelm.appendChild(par);
		}

		var lnk = document.createElement('a');
		var img = document.createElement('img');
		if (cur.ispublic == true) {
			Element.addClassName(img, 'imgframe');
		}
		else {
			Element.addClassName(img, 'imgframe_private');
		}
		lnk.href = this.path + 'user/' + link;	
		img.id = 'blogimg_' + cur.id;
		img.src = imgpath;
		img.border = '0';
		lnk.appendChild(img);
		blogelm.appendChild(lnk);

		var td = document.createElement('td');
		var tmp = document.createElement('h4');

		var title;
		if (cur.title.length > this.title_len) {
			title = cur.title.substr(0, this.title_len) + '...';
		}
		else {
			title = cur.title;
		}
		tmp.innerHTML = title;

		td.appendChild(tmp);
		td.appendChild(blogelm);
		row.appendChild(td);
	}
	this.layer_content.innerHTML = ''; 
	if (this.blogs.length == 0)
		return;

	tblhead.appendChild(row);
	this.layer_content.appendChild(tbl);

    var span = document.createElement('div');
    Element.addClassName(span, 'spacer');
    span.innerHTML = '&nbsp;';

	this.layer_content.appendChild(span);

	for (i = 0; i < this.blogs.length; i++) {
		new Tooltip2('blogimg_' + this.blogs[i].id,
		 this.path + 'backend/getBlogHover.php?bid='+this.blogs[i].id+'&p='+this.path);
	}
  }
});