function alertSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  window.alert( 'Width = ' + myWidth );
  window.alert( 'Height = ' + myHeight );
}



function grow(targetid){

theheight=document.getElementById(targetid).offsetHeight;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE

real=0.62*window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
real=0.63*document.documentElement.clientHeight;
  }
if(real>500){real=500;}
    if(theheight<real){
            document.getElementById('content').style.marginTop=45+'px';  
    document.getElementById('content').style.height=theheight*0.93+'px';
    document.getElementById(targetid).style.height=theheight+20+'px';
    document.getElementById(targetid).style.marginTop=45+'px';

    }

 theWidth=document.getElementById(targetid).offsetWidth; 
  if(theWidth>600&&theheight>300){ 
 document.getElementById('content').style.display='block'; 
 } 
 if(theWidth<770){ 
 document.getElementById(targetid).style.width=theWidth+20+'px'; 
  document.getElementById(targetid).style.marginLeft=(-theWidth/6)-10+'px'; 
   document.getElementById('content').style.width=theWidth*0.968+'px'; 
  document.getElementById('content').style.marginLeft=(-theWidth/6)-10+'px'; 

 }

}
function delayGrow(){
setInterval("grow('thediv')",1);
}

function anpassen(){
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE

real=0.63*window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
real=0.63*document.documentElement.clientHeight;
  }

if(real>500){real=500;}
document.getElementById('content').style.height=real-40+'px';
document.getElementById('thediv').style.height=real+'px';
    
}

window.setTimeout("delayGrow()", 1500);

function shrink(){
 document.getElementById('thediv').style.height=0; 
 document.getElementById('thediv').style.width=0;
}


function closeDiv(){
document.getElementById('thediv').style.display='none'; 
}

function showLarge(){
 document.getElementById('picLarge').style.display='block';
  document.getElementById('picLarge').innerHTML='<div  style="margin-top:5%;"><img src="pics/pages/start/start2.jpg" alt=" "/>asdfasdfasdf</div> '; 
}
