var xpPanel_slideActive = true;	// Slide down/up active?
	var xpPanel_slideSpeed = 15;	// Speed of slide
	
	var xpPane;
	var paneIndex;
	
	var savedActivePane = false;
	var savedActiveSub = false;
	
	function showHidePaneContent()
	{
		var img = this.getElementsByTagName('IMG')[0];
		var obj = document.getElementById('paneContent' + img.id.replace(/[^0-9]/g,''));
		if(img.src.toLowerCase().indexOf('up')>=0){
			img.src = img.src.replace('up','down');
			if(xpPanel_slideActive){
				obj.style.display='block';
				slidePane((xpPanel_slideSpeed*-1),obj.id);
			}else{
				obj.style.display='none';
			}
		}else{
			img.src = img.src.replace('down','up');
			if(xpPanel_slideActive){
				if(document.all){
					obj.style.display='block';
					obj.style.height = '1px';
				}
				slidePane(xpPanel_slideSpeed,obj.id);
			}else{
				obj.style.display='block';
				subDiv = obj.getElementsByTagName('DIV')[0];
				obj.style.height = subDiv.offsetHeight + 'px';
			}
		}		
	}
	
	
	
	function slidePane(slideValue,id)
	{

		var activePane = document.getElementById(id);
		if(activePane==savedActivePane){
			var subDiv = savedActiveSub;
		}else{
			var subDiv = activePane.getElementsByTagName('DIV')[0];
		}
		savedActivePane = activePane;
		savedActiveSub = subDiv;
		
		var height = activePane.offsetHeight;
		var innerHeight = subDiv.offsetHeight;
		height+=slideValue;
		if(height<0)height=0;
		if(height>innerHeight)height = innerHeight;
		
		if(document.all){
			activePane.style.filter = 'alpha(opacity=' + Math.round((height / subDiv.offsetHeight)*100) + ')';
		}else{
			var opacity = (height / subDiv.offsetHeight);
			if(opacity==0)opacity=0.01;
			if(opacity==1)opacity = 0.99;
			activePane.style.opacity = opacity;
		}			
		
					
		if(slideValue<0){			
			activePane.style.height = height + 'px';
			subDiv.style.top = height - subDiv.offsetHeight + 'px';
			if(height>0){
				setTimeout('slidePane(' + slideValue + ',"' + id + '")',10);
			}else{
				if(document.all)activePane.style.display='none';
			}
		}else{			
			subDiv.style.top = height - subDiv.offsetHeight + 'px';
			activePane.style.height = height + 'px';
			if(height<innerHeight){
				setTimeout('slidePane(' + slideValue + ',"' + id + '")',10);
			}			
		}
		
		
	}
	
	function mouseoverTopbar()
	{
		var img = this.getElementsByTagName('IMG')[0];
		var src = img.src;
		img.src = img.src.replace('.gif','_over.gif');
		
		var span = this.getElementsByTagName('SPAN')[0];
		span.style.color='#5F7489';		
		
	}
	function mouseoutTopbar()
	{
		var img = this.getElementsByTagName('IMG')[0];
		var src = img.src;
		img.src = img.src.replace('_over.gif','.gif');		
		
		var span = this.getElementsByTagName('SPAN')[0];
		span.style.color='';
		
		
		
	}
	
	
	function initxpPane(panelTitles,panelDisplayed)
	{
		xpPane = document.getElementById('xpPane');
		var divs = xpPane.getElementsByTagName('DIV');
		paneIndex=0;
		for(var no=0;no<divs.length;no++){
			if(divs[no].className=='panel'){
				
				var outerContentDiv = document.createElement('DIV');	
				var contentDiv = divs[no].getElementsByTagName('DIV')[0];
				outerContentDiv.appendChild(contentDiv);	
			
				outerContentDiv.id = 'paneContent' + paneIndex;
				outerContentDiv.className = 'panelContent';
				var topBar = document.createElement('DIV');
				
				var span = document.createElement('SPAN');				
				span.innerHTML = panelTitles[paneIndex];
				topBar.appendChild(span);
				topBar.onclick = showHidePaneContent;
				topBar.onmouseover = mouseoverTopbar;
				topBar.onmouseout = mouseoutTopbar;
				
				var img = document.createElement('IMG');
				img.id = 'showHideButton' + paneIndex;
				img.src = 'templates/xp/images/xp_panel/arrow_up.gif';				
				topBar.appendChild(img);
				
				if(!panelDisplayed[paneIndex]){
					outerContentDiv.style.height = '0px';
					contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px';
					if(document.all)outerContentDiv.style.display='none';
					img.src = 'templates/xp/images/xp_panel/arrow_down.gif';
				}
								
				topBar.className='topBar';
				divs[no].appendChild(topBar);				
				divs[no].appendChild(outerContentDiv);	
				paneIndex++;			
			}			
		}
	}