var Element = {

	$: function(el) {
		return document.getElementById(el);
	},

	create: function(tag, prop) {

		var el = document.createElement(tag);
		
		if(prop) {
			for(var i in prop) {
				switch(i) {
					case 'text':
					case 'html':
						el.innerHTML = prop[i];
						break;
					case 'class':
						el.className = prop[i];
					default:
						el.setAttribute(i, prop[i]);
				}
			}
		}
		
		return el;
	},
	
	inject: function(el, tr, where) {
		if(typeof el == 'object' && el.length) {
			for(var i = 0, l = el.length; i < l; i ++) {
				Element.inject(el[i], tr, where);
			}
			return;
		}
		if(typeof el == 'string') el = Element.$(el);
		if(typeof tr == 'string') tr = Element.$(tr);
		
		switch(where) {
			case 'top':
				var first = tr.firstChild;
				(first) ? tr.insertBefore(el, first) : tr.appendChild(el);
				break;
			case 'after': case 'before':
				// to do
				break;
			case 'bottom': default:
				tr.appendChild(el);
				break;
		}
	},
	
	remove: function(el) {
		if(el.parentNode) el.parentNode.removeChild(el);
	},
	
	empty: function(el) {
		if(typeof el == 'string') el = Element.$(el);
		
		while(first = el.firstChild) {
			Element.remove(first);
		}
		
	}
	
}


var Event = {
	
	addEvent: function(el, type, fn) {
		if (window.addEventListener) el.addEventListener(type, fn, false);
		else el.attachEvent('on' + type, fn);
	},
	
	stopEvent: function(event) {
		event = event || window.event;
		event.stopPropagation ? event.stopPropagation() : event.cancelBubble = true;
		event.preventDefault ? event.preventDefault() : event.returnValue = false;
	}
	
}

var news = [
	{'1, 10, 2008': 'my news bla bla bla'},
	{'3, 10, 2008': 'my news bla bla bla'},
	{'4, 10, 2008': 'my news bla bla bla'},
	{'11, 10, 2008': 'my news bla bla bla'}

];