function hw_showLinkKategorie(kategorie){
	hw_hideLayers('kategorie-layer');
	hw_showLayer('kategorie-'+kategorie);
		
	hw_makeNewClasses('kategorie-title kategorie-selected', 'kategorie-title');
	document.getElementById('kategorie-textlink-'+kategorie).className = 'kategorie-title kategorie-selected';
}



function hw_hideLayer(id){
	document.getElementById(id).style.display = 'none';
}

function hw_showLayer(id){
	document.getElementById(id).style.display = 'block';
}

function hw_showLayers(myclass) {	

	var allElems = document.getElementsByTagName('*');
	for (var i = 0; i < allElems.length; i++) {
		var thisElem = allElems[i];
		if (thisElem.className && thisElem.className == myclass) {
			thisElem.style.display = 'block';
		}
	}
}

function hw_hideLayers(myclass) {	

	var allElems = document.getElementsByTagName('*');
	for (var i = 0; i < allElems.length; i++) {
		var thisElem = allElems[i];
		if (thisElem.className && thisElem.className == myclass) {
			thisElem.style.display = 'none';
		}
	}
}

function hw_makeNewClasses(oldclass, newclass) {	

	var allElems = document.getElementsByTagName('*');
	for (var i = 0; i < allElems.length; i++) {
		var thisElem = allElems[i];
		if (thisElem.className && thisElem.className == oldclass) {
			thisElem.className = newclass;
		}
	}
}


// makes Fade in an ID-Layer
function makeFadein(id){

	if (document.getElementById(id).style.display != 'block'){
		var div = $(id).setStyles({
			display:'block',
			opacity: 0
		});
		new Fx.Style(div, 'opacity', {duration: 1000} ).start(1);
	}

}
	
	
function commentPreview(){

	var thePreview 	= document.getElementById('comment_preview');
	var theName 	= document.getElementById('comment_preview_name');
	var theDate 	= document.getElementById('comment_preview_date');
	var theComment 	= document.getElementById('comment_preview_comment');

	// Make the layer fade in
	if (thePreview.style.display != "block"){
		makeFadein('comment_preview');
	}
	
	var cHomepage 	= document.getElementById('url');
	var cSubmit		= document.getElementById('submit');
	var cName 		= document.getElementById('author').value;
	var cComment 	= document.getElementById('comment').value;
	var cEmail 		= document.getElementById('email').value;
	

	// Make a link around the name if homepage-URL is correct
	if (cHomepage.value.length > 0 && (cHomepage.value.indexOf('http://') == 0 || cHomepage.value.indexOf('www.') == 0)){ 
		if (cHomepage.value.indexOf('www.') == 0){
			cHomepage.value = 'http://' + cHomepage.value;
		}
		theName.innerHTML = '<a href="' + cHomepage.value  + '" target="_blank" rel="external nofollow">' + cName + '</a>';
	} else {
		theName.innerHTML = cName;
	}

	theDate.innerHTML = makeDateToday();
	theComment.innerHTML = cComment;

	// makes the submitbutton blue
	if (cEmail.length > 0 && cName.length > 0 && cComment.length > 0){
		cSubmit.style.color = '#3f74a5';
	}
}


function makeDateToday(){
	
	today	= new Date(); 
	date	= today.getDate(); 
	year	= today.getFullYear(); 
	day 	= today.getDay(); 
	month	= today.getMonth()+1;
	
	// Write date
	date_total = date + "." + month + "." + year;
	return date_total;
}