function spin( n ) {
 //alert('bs' + n);
 var bs = document.getElementById( 'bs' + n );  // box spinner
 var bc = document.getElementById( 'bc' + n );  // box content
 //alert(bc.style.visibility);
 if( bc.className == 'content_visible' ) {
    bs.innerHTML = box1_head(true);
    //bc.style.visibility = 'hidden';
    //bc.style.display = 'none';
    bc.className = 'content_hidden';
    
    
  
   
 } else {
 	  bs.innerHTML = box1_head(false); 	
    //bc.style.visibility = 'visible';
    //bc.style.display = 'block';
    bc.className = 'content_visible';
 }
}

function box1_head(s) { // s = status / true = open / false = closed
 if(s) { 
   ihtml = '<img src="/img/box1_rec_hidden.gif" width="10" height="10" alt="öffnen" title="öffnen" border="0" />';
 } else {
   ihtml = '<img src="/img/box1_rec_visible.gif" width="10" height="10" alt="schließen" title="schließen" border="0" />';
 }
 return ihtml;
}

function spin2( n ) { // n = name
 var s = document.getElementById( n );  //  spinner
 var c = document.getElementById( n + '_c' );  //  content
 var v = document.getElementById( n + '_s' );  //  saver
 if( c.style.display == '') { c.style.display = 'block'; } // if it's empty 
 if( c.style.display == 'block' ) {
    s.innerHTML = recHead(true);  
    c.style.height = '0px'; 
    c.style.display = 'none';
	v.value = 1;
 } else {
 	  s.innerHTML = recHead(false);      
    c.style.height = 'auto';  
    c.style.display = 'block'; 
	v.value = 0;
 }
}

function recHead(s) { // s = status / true = open / false = closed
 if(s) { 
   ihtml = '<img src="/img/box1_rec_hidden.gif"  width="10" height="10" alt="öffnen" title="öffnen" border="0" />';
 } else {
   ihtml = '<img src="/img/box1_rec_visible.gif" width="10" height="10" alt="schließen" title="schließen" border="0" />';
 }
 return ihtml;
}

function spin3(n)
{
 var s = document.getElementById( n );              //  spinner
 var c = document.getElementById( n + '_c' );       //  content
 var v = document.getElementById( n + '_s' );       //  saver
 var as = document.getElementById( n + '_as' );     //  arrow show
 var ah = document.getElementById( n + '_ah' );     //  arrow hide
 if( c.style.display == '') { c.style.display = 'block'; } // if it's empty 
 if( c.style.display == 'block' ) {
    c.style.height = '0px'; 
    c.style.display = 'none';
    as.style.display = 'block';
    ah.style.display = 'none';
	  v.value = 1;
 } else {
    c.style.height = 'auto';  
    c.style.display = 'block'; 
    as.style.display = 'none';
    ah.style.display = 'block';
	  v.value = 0;
 }
}