function _getCookie(cn){ 
	var c=document.cookie;
	if(c.length>0){
		var s=c.indexOf(cn+"=");
			if (s!=-1){s=s + cn.length+1;
			var e=c.indexOf(";",s);
			if (e==-1) e=c.length;
			return unescape(c.substring(s,e));
		};
	};
	return false;
};

function _setCookie(cn,v,e){
	var exdate=new Date();
	exdate.setDate(exdate.getDate()+e);
	document.cookie=cn+ "=" +escape(v)+((e==null)?"":";expires="+exdate.toGMTString())+";path=/";
}

function _toTemplateView(id){
	_setCookie('viewmode',id);
	window.location.reload();
}

function _rollOver(id) {
	var ah=_getImageName(id);
	document.getElementById('heads').src="/_local/images/heads/"+ah;
}

function _rollOut() {
	document.getElementById('heads').src="/_local/images/heads/"+_ah;
}

function _getImageName(id) {
	var n='blickwinkel.gif';
	switch (id) {
		case "1": n='head_1.gif'; break;	// head 1
		case "2": n='head_2.gif'; break;	// head 2
		case "3": n='head_3.gif'; break;	// head 3
		case "4": n='head_4.gif'; break;	// head 4
		case "5": n='head_5.gif'; break;	// head 5
		case "6": n='head_6.gif'; break;	// head 5
	}
	return n;
}

function _initTemplateView() {
	var vm=_getCookie('viewmode');
	var bg=0;
	switch (vm) {
		case "1": bg=148; break;	// head 1
		case "2": bg=119; break;	// head 2
		case "3": bg=122; break;	// head 3
		case "4": bg=144; break;	// head 4
		case "5": bg=146; break;	// head 5
		case "6": bg=145; break;	// head 6
		default: 
			var dl=document.location.pathname;
			if (dl=='' || dl=='/') {
				bg=232;				// default start
			} else {
				bg=105;				// default
			}
	}
	document.write('<style type="text/css">BODY { background-image: url("/__/frontend/handler/image.php?id=' + bg + '") !important; }</style>');
}

addDOMLoadEvent(function() {
	_ah=_getImageName(_getCookie('viewmode'));
	document.getElementById('heads').src="/_local/images/heads/"+_ah;
});

// public stuff
_ah=_getImageName(0);
_initTemplateView();