function getElementsByClassName(className, tag, elm){
	var testClass = new RegExp("(^|\\\\s)" + className + "(\\\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			returnElements.push(current);
		}
	}
	return returnElements;
}

function teaser(p_id, mode, n) {
	var p_el = document.getElementById(p_id);
	var childs = getElementsByClassName('teaser-item','li',p_el);
	var count = childs.length;
	
	var index = ((mode=='next' ? n : n-2) + count) % count;
	for (var i=0;i<count;i++) {
		childs[i].style.display = i==index ? '' : 'none';
	}	
	
	return false;
	
}

function teaser_over1() {
	document.getElementById('teaser_1').className = 'teaser-over';
}

function teaser_out1() {
	document.getElementById('teaser_1').className = ''	
}

function teaser_over2() {
	document.getElementById('teaser_2').className = 'teaser-over';
}

function teaser_out2() {
	document.getElementById('teaser_2').className = ''	
}

function teaser_over3() {
	document.getElementById('teaser_3').className = 'teaser-over';
}

function teaser_out3() {
	document.getElementById('teaser_3').className = ''	
}

function teaser_over4() {
	document.getElementById('teaser_4').className = 'last teaser-over';
}

function teaser_out4() {
	document.getElementById('teaser_4').className = 'last';
}

window.onload = function() {
	
	for (var k=1;k<5;k++) {
		p = document.getElementById('teaser_'+k);
		var imgs = p.getElementsByTagName('img');
		for (var i=0;i<imgs.length;i++) {
			imgs[i].onmouseover = eval('teaser_over'+(k));
			imgs[i].onmouseout = eval('teaser_out'+(k));
		}
	}
	
}