// JavaScript Document

var RUN = true;
var w2=0;
var h2=0;
var Isrc='';
var  FI = 0;
var INTERVAL = 30;
var WEITE=0;
var HOEHE=0;
var oldWEITE=0;
var oldHOEHE=0;
var multi=1;
var multi2=1;

closeGal=true;
Al=1;
function setA(){
		
		
	
			
			

		clearInterval(Paul);
	
}


function setB(){
	if(Al>0){
		Al-=6;
		
	
	
	}else{
		clearInterval(Paul);
		document.getElementById('PicNavi').style.display='none';
		document.getElementById('PicBackground').style.display='none';
		GalerieImage.style.height='10px';
		GalerieImage.style.wigth='10px';
		RUN = false;
		
		w2=0;
		h2=0;
	}
}


function setW(elmWidth,h){


	if(multi>=0){
		w2=WEITE-((WEITE-oldWEITE)*multi);
		multi-=0.1;
		GalerieImage.style.width=w2+'px';
		GalerieImage.style.marginLeft= '-'+(w2/2+20)+'px';
		
	}else{
	clearInterval(Paul2);
	
		multi=1;
		if(h2<h){

			Paul3 = setInterval("setH(h)",INTERVAL);
		}else{
			Paul3 = setInterval("setH2(h)",INTERVAL);
		}


	}
}


function setW2(elmWidth){


		if(multi>=0){
		w2=WEITE-((WEITE-oldWEITE)*multi);
		multi-=0.1;
		GalerieImage.style.width=w2+'px';
		GalerieImage.style.marginLeft= '-'+(w2/2+20)+'px';
	}else{
	clearInterval(Paul2);
multi=1;
			if(h2<h){
	
				Paul3 = setInterval("setH(h)",INTERVAL);
			}else{
				Paul3 = setInterval("setH2(h)",INTERVAL);
			}
	}
}


function setH(elmHeight){


	if(multi2>=0){
	
		h2=HOEHE-((HOEHE-oldHOEHE)*multi2);
		multi2-=0.1;
		GalerieImage.style.height=h2+'px';
		GalerieImage.style.marginTop= '-'+(h2/2+20)+'px';
	}else{
	clearInterval(Paul3);
	RUN = true;
multi2=1;
	document.getElementById('PIC2').innerHTML='<img src="'+Isrc+'" height="'+h2+'" width="'+w2+'">';
	document.getElementById('PicComment').style.height='';
	if(BildTitle[BILD]!=''){
			document.getElementById('PicComment').innerHTML='<span>'+BildTitle[BILD]+'</span>';		
			}else{
				document.getElementById('PicComment').innerHTML='';		
			}
		
	showSub('PicComment');
document.getElementById('PicNavi').style.width=(w2+20)+'px';
		document.getElementById('PicNavi').style.height=(h2+20)+'px';
document.getElementById('PicNavi').style.display='block'
	}
}


function setH2(elmHeight){

	if(multi2>=0){
	h2=HOEHE-((HOEHE-oldHOEHE)*multi2);
		
		multi2-=0.1;
		GalerieImage.style.height=h2+'px';
		GalerieImage.style.marginTop= '-'+(h2/2+20)+'px';
	}else{
	clearInterval(Paul3);
	RUN = true;
		multi2=1;
		document.getElementById('PIC2').innerHTML='<img src="'+Isrc+'" height="'+h2+'" width="'+w2+'">';
			document.getElementById('PicComment').style.height='';
			if(BildTitle[BILD]!=''){
			document.getElementById('PicComment').innerHTML='<span>'+BildTitle[BILD]+'</span>';		
			}else{
				document.getElementById('PicComment').innerHTML='';		
			}
		
		showSub('PicComment');
		document.getElementById('PicNavi').style.width=(w2+20)+'px';
		document.getElementById('PicNavi').style.height=(h2+20)+'px';
		document.getElementById('PicNavi').style.display='block'
	}
}


function gal(src,elmWidth,elmHeight){
		var galist='';
		
		if(typeof(BildArr)!='undefined'){
	for(i=0;i<BildArr.length;i++){
		galist+='<img src="'+BildArr[i]+'" onClick="if(RUN==true){BILD='+i+';gal3(BildArr['+i+'],20,20)}">';			
	}
	document.getElementById('GalerieList').innerHTML=galist;
 GalerieImage=document.getElementById('PIC');
        
	if(BildArr[BILD+1]==''){
		document.getElementById('galNext').style.display='none';
		}else{
		document.getElementById('galNext').style.display='block';
		}
	if((BILD-1)<0){
		document.getElementById('galPrev').style.display='none';
		}else{
		document.getElementById('galPrev').style.display='block';
		}
		}
	image=new Image();
	image.src=src;

elmWidth=image.width;
elmHeight=image.height;
oldWEITE=WEITE;
oldHOEHE=HOEHE;


 if (window.innerWidth) {
    FW= window.innerWidth;
	FH= window.innerHeight;
  } else if (document.body && document.body.offsetWidth) {
    FW= document.body.offsetWidth;
FH= document.body.offsetHeight;

  } else {
   
  }


WEITE=elmWidth;
HOEHE=elmHeight;
if(FW<WEITE){
      WEITE=FW-200;          
      HOEHE=  (WEITE*(elmHeight/elmWidth));      
}

if(FH<HOEHE){
      HOEHE=FH-200;          
     WEITE =  (HOEHE*(elmWidth/elmHeight));      
}






document.getElementById('PicNavi').style.display='none'
document.body.style.overflow='hidden';
document.getElementById('PIC2').innerHTML='';
Isrc=src;
    w = elmWidth;
	h = elmHeight;
        
      
          

	document.getElementById('PicBackground').style.display='block';
        document.getElementById('PicBackground').style.zIndex='999999999999999999999999999998';
	document.getElementById('PicTable').style.display='block';
        document.getElementById('PicTable').style.zIndex='999999999999999999999999999999';
	//Paul = setInterval("setA()",INTERVAL);
if(w2<elmWidth){

	Paul2 = setInterval("setW(w,h)",INTERVAL);
}else{
	Paul2 = setInterval("setW2(w,h)",INTERVAL);
}


}
function gal2(){
					hideSub('PicComment');
        GalerieImage=document.getElementById('PIC');
	document.body.style.overflow='auto';
	document.getElementById('PicNavi').style.display='none';
	document.getElementById('PicTable').style.display='none';

		GalerieImage.style.height='10px';
		GalerieImage.style.wigth='10px';
	GalerieImage.style.marginTop='-5px';
		GalerieImage.style.marginLeft='-5px';


	WEITE=0;
	HOEHE=0;
	oldWEITE=0;
	oldHOEHE=0;
	multi=1;
	multi2=1;
	document.getElementById('PicBackground').style.display='none';
	//Paul = setInterval("setB()",INTERVAL);
}
function showPicNav(){
if(RUN == true){
 FI = 0;
document.getElementById('PicNavi').style.display='block';

//FADEI=setInterval("FADEIN()",INTERVAL);
}
}
function FADEIN(){
if(FI<100){
FI+=6;

}else{
clearInterval(FADEI);
RUN = false;
}
}

function hidePicNav(){
if(RUN == false){
 FI =100;


//FADEO=setInterval("FADEOUT()",INTERVAL);
}
}
function FADEOUT(){
if(FI>0){
FI-=6;

}else{
clearInterval(FADEO);
RUN = true;
document.getElementById('PicNavi').style.display='none';
}
}
function gal3(src,elmWidth,elmHeight){
	
					hideSub('PicComment');
					document.getElementById('PicComment').style.display='none';
	GalerieImage=document.getElementById('PIC');
	if(BildArr[BILD+1]==''){
		document.getElementById('galNext').style.display='none';
		}else{
		document.getElementById('galNext').style.display='block';
		}
	if((BILD-1)<0){
		document.getElementById('galPrev').style.display='none';
		}else{
		document.getElementById('galPrev').style.display='block';
		}
	image=new Image();
	image.src=src;

elmWidth=image.width;
elmHeight=image.height;
oldWEITE=WEITE;
oldHOEHE=HOEHE;
WEITE=elmWidth;
HOEHE=elmHeight;

 if (window.innerWidth) {
    FW= window.innerWidth;
	FH= window.innerHeight;
  } else if (document.body && document.body.offsetWidth) {
    FW= document.body.offsetWidth;
FH= document.body.offsetHeight;

  } else {
   
  }


WEITE=elmWidth;
HOEHE=elmHeight;
if(FW<WEITE){
      WEITE=FW-200;          
      HOEHE=  (WEITE*(elmHeight/elmWidth));      
}

if(FH<HOEHE){
      HOEHE=FH-200;          
     WEITE =  (HOEHE*(elmWidth/elmHeight));      
}


document.getElementById('PIC2').innerHTML='<div class="wait"><div></div><div></div><div></div><div></div></div>';

document.getElementById('PicNavi').style.display='none';
RUN=false;
Isrc=src;
    w = elmWidth;
	h = elmHeight;

if(w2<elmWidth){

	Paul2 = setInterval("setW(w,h)",INTERVAL);
}else{
	Paul2 = setInterval("setW2(w,h)",INTERVAL);
}
}