function showCardContent(object){ 

	var pages = new Array();

	 pages[0] = '22';pages[1] = '2';pages[2] = '3';pages[3] = '4';
	for(keyvar in pages){
		if(pages[keyvar] != object){
			document.getElementById('tab'+pages[keyvar]).style.display = "none";
			document.getElementById('nav'+pages[keyvar]).style.background = 'url(images/tab-inactive.png) no-repeat';
			document.getElementById('nav'+pages[keyvar]).style.color = '#eee';	
			document.getElementById('nav'+pages[keyvar]).isActive = false;
		}
	}
	
	if(object != "NONE"){
		if(document.getElementById('tab'+object).style.display == "block"){
			document.getElementById('minimizeArrow').stuffUp = false;
			document.getElementById('minimizeArrow').src = 'images/arrowUp-active.gif';
			document.getElementById('navminimize').style.background = 'url(images/tabklein-active.png) no-repeat';

			document.getElementById('nav'+object).style.background = 'url(images/tab-inactive.png) no-repeat';
			document.getElementById('nav'+object).style.color = '#eee';	
			document.getElementById('nav'+object).isActive = false;
			document.getElementById('navBar').style.margin = (document.getElementById('navBar').offsetHeight * -1) +"px 0 0 0";
			document.getElementById('tab'+object).style.display='none';
		}
		else{
			document.getElementById('minimizeArrow').stuffUp = true;
			document.getElementById('minimizeArrow').src = 'images/arrowDown.gif';
			document.getElementById('navminimize').style.background = 'url(images/tabklein-inactive.png) no-repeat';
			
			document.getElementById('tab'+object).style.display = 'block';
			document.getElementById('nav'+object).style.background = 'url(images/tab-active.png) no-repeat';
			document.getElementById('nav'+object).style.color = '#333';		
			document.getElementById('nav'+object).isActive = true;
	//		alert('object: ' + document.getElementById(object).offsetHeight + '\nnavBar: ' + document.getElementById('navBar').offsetHeight);
			document.getElementById('navBar').style.margin = ((document.getElementById('tab'+object).offsetHeight * -1) - document.getElementById('navBar').offsetHeight) + "px 0 0 0";
		}
	}
	else{
		document.getElementById('minimizeArrow').stuffUp = false;
		document.getElementById('minimizeArrow').src = 'images/arrowUp-active.gif';
		document.getElementById('navminimize').style.background = 'url(images/tabklein-active.png) no-repeat';

		document.getElementById('navBar').style.margin = (document.getElementById('navBar').offsetHeight * -1) +"px 0 0 0";
	}
	
}