//Smooth Resize
var timeoutLength = 10;
var pixelsPerTick = 20;
var originalSize = 0;
var direction = 'downup'  //leftright

function resize(stritem,list, size, dir) {
	
	originalSize = size
	if(dir) direction = dir
	
	//status = document.getElementById('content1').offsetHeight;
	var style = document.getElementById(stritem).style;
	if (style.display != 'none') {
		if (document.getElementById(stritem).innerHTML.length>0){ 
		  smoothResize1(stritem);
		}
	} else {	  		
		document.getElementById(stritem).style.display = 'block';
		var arr = document.getElementById(list).value.split(',')
		for(var cnt=0;cnt<arr.length;cnt++){		
      if (arr[cnt] != '' &&(arr[cnt] != stritem)){
        if (document.getElementById(arr[cnt]).style.display == 'block'){
		      smoothResize1(arr[cnt]); //Dichtklappen
		    }
		  }
		}
		if (document.getElementById(stritem).innerHTML.length>0){
		  smoothResize2(stritem,originalSize);	//Openklappen
		}
	}
	//status = document.getElementById('content1').offsetHeight;
}
function smoothResize1(stritem) //Dichtklappen
{
	if(direction=='leftright'){
		if ( (parseInt(document.getElementById(stritem).offsetWidth)-pixelsPerTick) <= 0 )
		{		
			document.getElementById(stritem).style.display = 'none';			
		}
		else
		{
			document.getElementById(stritem).style.width = parseInt(document.getElementById(stritem).offsetWidth-pixelsPerTick) + 'px' ;
			setTimeout("smoothResize1('"+stritem+"')",timeoutLength);			
		}
	}else{ //downup
		if ( (parseInt(document.getElementById(stritem).offsetHeight)-pixelsPerTick) <= 0 )
		{		
			document.getElementById(stritem).style.display = 'none';			
		}
		else
		{
			document.getElementById(stritem).style.top = (parseInt(document.getElementById(stritem).style.top)+pixelsPerTick)+'px';		
			document.getElementById(stritem).style.height = parseInt(document.getElementById(stritem).offsetHeight-pixelsPerTick) + 'px' ;
			setTimeout("smoothResize1('"+stritem+"')",timeoutLength);			
		}
	}
}
function smoothResize2(stritem,max) //Openklappen
{ 
	if(direction=='leftright'){
		if ( (document.getElementById(stritem).offsetWidth+pixelsPerTick) >= max )
		{ 
			document.getElementById(stritem).style.width = max+'px';				
		}
		else
		{	  
			document.getElementById(stritem).style.width = document.getElementById(stritem).offsetWidth+pixelsPerTick+'px';		
			setTimeout("smoothResize2('"+stritem+"',"+max+")",timeoutLength);
		}
	}else{ //downup
		if ( (document.getElementById(stritem).offsetHeight+pixelsPerTick) >= max )
		{ 
			document.getElementById(stritem).style.top = '-'+max+'px';		
			document.getElementById(stritem).style.height = max+'px';				
		}
		else
		{	  
			document.getElementById(stritem).style.top = (parseInt(document.getElementById(stritem).style.top)-pixelsPerTick)+'px';		
			document.getElementById(stritem).style.height = document.getElementById(stritem).offsetHeight+pixelsPerTick+'px';		
			setTimeout("smoothResize2('"+stritem+"',"+max+")",timeoutLength);
		}
	}
}
//End smooth Resize