
	function showFunctionOverview()
	{
		show('tab2');
		hide('tab1');
	}
	
	function showFunctionFunctionality()
	{
		show('tab1');
		hide('tab2');
	}

	function show(id)
	{
		//alert('show');
		$(id).style.display="block";
	}
	
	function hide(id)
	{
		//alert('hide');
		$(id).style.display="none";
	}
	
	
	function showTab1()
	{
		$("tab2").style.display="none";
		$("tab3").style.display="none";
		
		$("tab1").style.display="block";
	}
	function showTab2()
	{
		$("tab1").style.display="none";
		$("tab3").style.display="none";
		
		$("tab2").style.display="block";
	}
	function showTab3()
	{
		$("tab1").style.display="none";
		$("tab2").style.display="none";
		
		$("tab3").style.display="block";
	}
	
	function showInfoDiv(source, height, width)
	{
		var infoFrame = $("infoFrame");
		infoFrame.style.height=height+"px";
		infoFrame.style.width=width+"px";
		
		var backgroundDiv = $("backgroundDiv");
		
		var infoDiv = $("infoDiv");
		
		var frame = $("infoFrame");
		frame.src=source;
		
		backgroundDiv.appear({ duration: 0.5, from: 0.0, to: 0.6});
		
		var posArray=getSize();
		
		var topPos = (posArray[1]-(height+73))/2;
		var leftPos = (posArray[0]-(width+20))/2;
		
		if(topPos<0) topPos = 10;
		if(leftPos<0) leftPos = 10;
		
		var scrollArray=getScrollXY()
		
		topPos+=scrollArray[1];
		leftPos+=scrollArray[0];
		
		infoDiv.style.left=leftPos+"px";
		infoDiv.style.top=topPos+"px";
	
		//Effect.Grow("infoDiv", {duration:1.0});
		infoDiv.appear({duration:0.5});
	}
	
	function hideDiv(id)
	{
		var thisDiv = $(id);
		//thisDiv.hide();
		thisDiv.fade({ duration: 0.5});
		//Effect.Fold(id,{ duration: 0.5});
		var backgroundDiv = $("backgroundDiv");
		//setTimeout(function(){backgroundDiv.fade({ duration: 0.5})}, 1000);
		backgroundDiv.fade({ duration: 0.5})
	}

	function getSize()
	{ 
		var myWidth = 0, myHeight = 0; 
		if( typeof( window.innerWidth ) == 'number' )
		{ 
			//Non-IE 
			myWidth = window.innerWidth; 
			myHeight = window.innerHeight; 
		}
		else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) 
		{ 
			//IE 6+ in 'standards compliant mode' 
			myWidth = document.documentElement.clientWidth; 
			myHeight = document.documentElement.clientHeight; 
		}
		else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) )
		{ 
			//IE 4 compatible 
			myWidth = document.body.clientWidth; 
			myHeight = document.body.clientHeight; 
		} 
		return [ myWidth, myHeight ]; 
	}
	
	function getScrollXY()
	{
		var scrOfX = 0, scrOfY = 0;
		if( typeof( window.pageYOffset ) == 'number' ) {
			//Netscape compliant
			scrOfY = window.pageYOffset;
			scrOfX = window.pageXOffset;
		}
		else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {         
			//DOM compliant
			scrOfY = document.body.scrollTop;
			scrOfX = document.body.scrollLeft;
		} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {         
			//IE6 standards compliant mode         
			scrOfY = document.documentElement.scrollTop;         
			scrOfX = document.documentElement.scrollLeft;     
		}
		return [ scrOfX, scrOfY ];
	} 

	
	function newWindow(url)
	{
		window.open(url, "_blank");
	}

