// JavaScript Document
headbilder=new Array('flaschen','kaesten','sudkessel');
navipunkte= new Array("news","rundum","wo","veranstaltungen","besonderes","kontakt","kundenlogin");
subnavipunkte= new Array("rundum","wo","veranstaltungen","besonderes","kontakt");
function preloadimages(){
	var headimage=new Array();
	for(var i = 0; i < headbilder.length; i++){
		headimage[i]=new Image;
		headimage[i].src='bilder/head-'+headbilder[i]+'.jpg';
		}
	}

var opacitymax=80;

function randomhead(){
	
	document.getElementById('rechts').style.height=document.getElementById('seite').offsetHeight+'px';
    var zufallszahl = Math.floor(0+(headbilder.length)*(Math.random()));
    document.getElementById('headbild').style.backgroundImage='url(bilder/head-'+headbilder[zufallszahl]+'.jpg)';
	document.getElementById('headbild').style.filter='alpha(opacity=0)';
	document.getElementById('headbild').style.MozOpacity=0;
	var faderinterval=window.setInterval('fadehead('+opacitymax+',10)',200);
}

var faderbild=0;
var fadertext=opacitymax*2;
var faderinterval;
function fadehead(maximum,step){
	
	if(faderbild<maximum){
	faderbild= faderbild+step;
	fadertext= fadertext-(step*2);
	var headbild = document.getElementById('headbild');
	var headschrift = document.getElementById('headschrift')
	headbild.style.filter='alpha(opacity='+faderbild+')';	
	headschrift.style.filter='alpha(opacity='+fadertext+')';
	headbild.style.MozOpacity=faderbild/100;
	headschrift.style.MozOpacity=fadertext/100;
	}else{
	window.clearInterval(faderinterval);
	}
}


function subnavishow(subnavi){
	for(var navicounter=0; navicounter<subnavipunkte.length; navicounter++){
	var navipunkt=subnavipunkte[navicounter]+'sub';
	document.getElementById(navipunkt).style.visibility='hidden';
	}
	document.getElementById(subnavi).style.visibility='visible';
}
function subnavihide(){
	for(var navicounter=0; navicounter<subnavipunkte.length; navicounter++){
	navipunkt=subnavipunkte[navicounter]+'sub';
	document.getElementById(navipunkt).style.visibility='hidden';
	}
}

function divfunction(div,show){
document.getElementById(div).style.visibility=show;
}

//Scrollfunktionen
/*function scrollkastenSetup(){
	 	browser=navigator.appName; 
		if(browser=="Microsoft Internet Explorer"){
		var y=document.getElementById('inhalt').offsetTop+document.getElementById('scrollbox').offsetTop;
		}else{
		var y=document.getElementById('scrollbox').offsetTop;
		}
	var x=document.getElementById('scrollbox').offsetLeft;
	var hoehe=document.getElementById('scrollbox').offsetHeight;
	var breite=document.getElementById('scrollbox').offsetWidth;
	var scrollmaske=document.createElement("div");
	var seite=document.getElementById("seite");
	var head=document.getElementById("head");
	var inhalt=document.getElementById("inhalt");
	var scrollanzeige=document.getElementById("scrollanzeige");
	var scrollbox=document.getElementById("scrollbox");
	scrollmaske.style.top=y+"px";
	scrollmaske.style.left=x+"px";
	scrollmaske.style.width=breite+"px";
	scrollmaske.style.height=hoehe+"px";
	var scrollmaskeId=document.createAttribute("id");
	scrollmaskeId.nodeValue="scrollmaske";
	scrollmaske.setAttributeNode(scrollmaskeId);
	scrollmaske.appendChild(scrollbox);
	inhalt.appendChild(scrollmaske);
	seite.style.height="500px";
	
	var scrollstrich=document.getElementById('scrollstrich');
	var scrollkasten=document.getElementById('scrollkasten');
	var scrollbalkenHoehe=scrollstrich.offsetHeight;
	var scrollbalkenStart=scrollstrich.offsetTop+scrollmaske.offsetTop+20;
	var scrollbalkenEnde=scrollbalkenStart+scrollbalkenHoehe-scrollkasten.offsetHeight;



function mausklick (Ereignis) {
var maxdown=document.getElementById('scrollanzeige').offsetHeight-document.getElementById('scroll').offsetHeight;
var klickmin=document.getElementById('seite').offsetLeft+document.getElementById('scrollmaske').offsetLeft+document.getElementById('scrollbalken').offsetLeft;
var klickmax=klickmin+document.getElementById('scrollbalken').offsetWidth;

if (!Ereignis)  { 
Ereignis = window.event;
}

var scrollkastenpos= Ereignis.clientY - scrollbalkenStart;
document.getElementById("kontrollfeld").value="klickmin: "+klickmin+" klickmax: "+klickmax+" X: "+Ereignis.clientX;
	if(Ereignis.clientX>klickmin){
		if(Ereignis.clientX<klickmax){
			if(Ereignis.clientY >scrollbalkenStart){
				if(Ereignis.clientY <scrollbalkenEnde){
					if(scrollkastenpos>0){
					document.getElementById('scrollkasten').style.top  = scrollkastenpos +"px";
					document.getElementById('scroll').style.top=Math.round((maxdown*scrollkastenpos)/scrollbalkenHoehe)+"px";
					pos=(maxdown*scrollkastenpos)/scrollbalkenHoehe;
					}
				}else{
				document.getElementById('scroll').style.top=maxdown;
				}
			}else{
			document.getElementById('scroll').style.top=0;
			}
		}
	}
}


document.getElementById("scrollstrich").onmousemove=mausklick;

}




var pos=0;
var scroller;

	var scrollstrich=document.getElementById('scrollstrich');
var scrollkasten=document.getElementById('scrollkasten');
var scrollbalkenHoehe=scrollstrich.offsetHeight;
var scrollbalkenStart=scrollstrich.offsetTop+scrollmaske.offsetTop+20;
var scrollbalkenEnde=scrollbalkenStart+scrollbalkenHoehe-scrollkasten.offsetHeight;
function scroll_up(){	


pos=Math.round(pos)+1;
var maxdown=(document.getElementById('scroll').offsetHeight*-1)+document.getElementById('scrollanzeige').offsetHeight;
var scrollkastenpos=Math.round((pos*(scrollbalkenHoehe-30)/maxdown)+15);
if(pos<0){
document.getElementById('scroll').style.top=pos+'px';
if(scrollkastenpos>20){
document.getElementById('scrollkasten').style.top=scrollkastenpos+'px';
}
}
document.getElementById("kontrollfeld").value="scrollkasten "+scrollkastenpos+" scroll "+pos;
}



function scroll_down(){
pos=Math.round(pos)-1;
var maxdown=(document.getElementById('scroll').offsetHeight*-1)+document.getElementById('scrollanzeige').offsetHeight;
var scrollkastenpos=Math.round((pos*(scrollbalkenHoehe-40)/maxdown)+20);
if(pos>maxdown){
document.getElementById('scroll').style.top=pos+'px';
if(scrollkastenpos<scrollbalkenHoehe){
document.getElementById('scrollkasten').style.top=scrollkastenpos+'px';
}
}
document.getElementById("kontrollfeld").value="scrollkasten "+scrollkastenpos+" scroll "+pos;
}



document.getElementById("up").onmouseover=scroll_it("up");
document.getElementById("down").onmouseover=scroll_it("down");
document.getElementById("up").onmouseout=scroll_stop();
document.getElementById("down").onmouseout=scroll_stop();

function scroll_it(richtung){

scroller=window.setInterval("scroll_"+richtung+"()",2);
}
function scroll_stop(){
window.clearInterval(scroller);
document.getElementById('scroll').style.top=pos;
}*/

//Ausklappfunktion
function ausklapp(ausklapper,zeilen){
var artikelDiv=document.getElementById('artikel'+ausklapper);
var artikelDivHoehe=artikelDiv.offsetHeight;
var ausklapperDiv=document.getElementById('ausklapp'+ausklapper);
var ausklapperLink=document.getElementById('link'+ausklapper);
if(ausklapperDiv.style.display=='none'||ausklapperDiv.style.display==''){
ausklapperDiv.style.display='block';
ausklapperDiv.style.height=zeilen*14+'px';
artikelDiv.style.overflow='visible';
ausklapperLink.innerHTML='&lt; Info ausblenden';
document.getElementById('foot').innerHTML= zeilen+'+'+artikelDivHoehe+'px';
}
else{
ausklapperDiv.style.display='none';
ausklapperDiv.style.height='0px';
ausklapperLink.innerHTML='mehr Info &gt;';
var artikelDiv=document.getElementById('artikel'+ausklapper);
//var artikelDivHoehe=artikelDiv.offsetHeight;
//artikelDiv=artikelDiv.style.height='100px';
}
}

//fenster
function fenster(url, name, settings){
popup=window.open(url,name,settings);
popup.focus();
}

//Formfunction
function formfunction(feld,value){
if(document.getElementById(feld).value==value){
document.getElementById(feld).value='';
}
}