function bildwechsel(bildname,bildid) { 
document.getElementById(bildid).src = '../img/'+bildname; 
} 


function resizeBeispielTo(div_id, div_height)
{
 var div = document.getElementById('divtrailerdown'+div_id);

 if(div.offsetHeight <= div_height)
 {
  var h = div.offsetHeight + 5;
  div.style.height = h+'px';
  window.setTimeout("resizeBeispielTo('" + div_id +"'," + div_height + ");", 5);
 }
}

function resizeBeispielToBack(div_id, div_height)
{
 var div = document.getElementById('divtrailerdown'+div_id);

 if(div.offsetHeight >= 5)
 {
  var h = div.offsetHeight - 5;
  div.style.height = h+'px';
  window.setTimeout("resizeBeispielToBack('" + div_id +"'," + div_height + ");", 5);
 }
}



function resizeDivTo(div_id, div_height, div2_id)
{
 var div = document.getElementById(div_id);

 if(div.offsetHeight <= div_height)
 {
  var h = div.offsetHeight + 5;
  div.style.height = h+'px';
  window.setTimeout("resizeDivTo('" + div_id +"'," + div_height + ");", 5);
  window.setTimeout("resizeDivTo('" + div2_id +"'," + div_height + ");", 5);
 }
}

function resizeDivToBack(div_id, div_height, div2_id)
{
 var div = document.getElementById(div_id);

 if(div.offsetHeight >= 5)
 {
  var h = div.offsetHeight - 5;
  div.style.height = h+'px';
  window.setTimeout("resizeDivToBack('" + div_id +"'," + div_height + ");", 5);
  window.setTimeout("resizeDivToBack('" + div2_id +"'," + div_height + ");", 5);
 }
}


function resizeDivToWidth(div_id, div_width)
{
 var div = document.getElementById(div_id);

 if(div.offsetWidth < div_width)
 {
  var h = div.offsetWidth + 5;
  div.style.width = h+'px';
  window.setTimeout("resizeDivToWidth('" + div_id +"'," + div_width + ");", 1);
 }
}

function resizeDivToWidthBack(div_id, div_width)
{
 var div = document.getElementById(div_id);

 if(div.offsetWidth > div_width)
 {
  var h = div.offsetWidth - 5;
  div.style.width = h+'px';
  window.setTimeout("resizeDivToWidthBack('" + div_id +"'," + div_width + ");", 1);
 }
}

function ButtonFirmenbereiche_Click() {
	var button = document.getElementById('button_firmenbereiche');
	var bereich = document.getElementById('firmenbereiche');
	
	
	if (bereich.offsetWidth < 200 ) {
		button.style.backgroundImage = "url(../img/design_button_firmenbereiche_gelb_back.png)";
		resizeDivToWidth('firmenbereiche','550');
	} else {		
		button.style.backgroundImage = "url(../img/design_button_firmenbereiche_gelb.png)";
		resizeDivToWidthBack('firmenbereiche','0');
	}
}


function ButtonTrailerbereich_Click(bereich_id) {
	var button = document.getElementById('imgtrailerdown'+bereich_id);
	var bereich = document.getElementById('zeiletrailerdown'+bereich_id);
	
	
	if (bereich.offsetHeight < 200 ) {
		button.style.backgroundImage = "url(../img/design_pfeil_nach_oben.png)";
		resizeDivTo('zeiletrailerdown'+bereich_id,'470','divtrailerdown'+bereich_id);
	} else {		
		button.style.backgroundImage = "url(../img/design_pfeil_nach_unten.png)";
		resizeDivToBack('zeiletrailerdown'+bereich_id,'0','divtrailerdown'+bereich_id);
	}
}


function ButtonBeispielbereich_Click(bereich_id) {
	var button = document.getElementById('imgbeispieldown'+bereich_id);
	var bereich = document.getElementById('divtrailerdown'+bereich_id);
	
	
	if (bereich.offsetHeight < 200 ) {
		button.style.backgroundImage = "url(../img/design_pfeil_nach_oben.png)";
		resizeBeispielTo(bereich_id,'200');
	} else {		
		button.style.backgroundImage = "url(../img/design_pfeil_nach_unten.png)";
		resizeBeispielToBack(bereich_id,'0');
	}
}