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;
var closeGal	= true;
var 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+0 ) + '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+0 ) + '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+0 ) + '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='';		
		}	
		document.getElementById('PicNavi').style.width=(w2+0)+'px';
		document.getElementById('PicNavi').style.height=(h2+0)+'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+0 ) + '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 + 0) + 'px' ;
		document.getElementById('PicNavi').style.height		= ( h2 + 0) + '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;

	}
	
	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';
	
	if( w2 < elmWidth )
	{
		Paul2 = setInterval( "setW(w,h)" , INTERVAL ) ;
	}else{
		Paul2 = setInterval( "setW2(w,h)" , INTERVAL ) ;
	}
}
function gal2()
{        
	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';
}
function showPicNav()
{
	if(RUN == true)
	{
		FI 													= 0;
		document.getElementById('PicNavi').style.display 	= 'block';
	}
}
function FADEIN()
{
	if(FI<100)
	{
		FI+=6;
	}
	else
	{
		clearInterval(FADEI);	
		RUN = false;	
	}
}
function hidePicNav()
{
	if( RUN == false )
	{
		FI =100;
	}
}
function FADEOUT()
{
	if(FI>0)
	{
		FI -= 6 ;

	}
	else
	{
		clearInterval(FADEO);
		RUN 												= true;
		document.getElementById('PicNavi').style.display	= 'none';
	}
}
function gal3( src , elmWidth , elmHeight )
{					
	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;
	}

	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);
	}
}