	var allServices;
	var tabi = 1;
	var _mystart = -1;
	
	function slideInTab(id) {
		document.getElementById(id).className='no_ok';
		$(id).effects().start({
			'opacity':[.7,1]						
		});
	}
	
	function slideOutTab(id) {
		document.getElementById(id).className='ok';
		$(id).effects().start({ 
		});
	}
	
	function scrollToTop () {test.toTop();}
	
	function scrollToBot () {test.toBottom();}
	
	function scrollTo2 () {	test.scrollTo(0, 185);	}
	
	function scrollTo3 () {	test.scrollTo(0, 370);	}
	
	function scrollTo4 () {	test.scrollTo(0, 555);	}
	
	function scrollTo5 () {	test.scrollTo(0, 740);	}
	
	function autoTab( tabi ){
		switch( tabi ){
			case 1:
				scrollToTop(); slideInTab('tab1'); slideOutTab('tab2'); slideOutTab('tab3'); slideOutTab('tab4');slideOutTab('tab5');slideOutTab('tab6');
			break;
			case 2:
				scrollTo2(); slideInTab('tab2'); slideOutTab('tab1'); slideOutTab('tab3'); slideOutTab('tab4');slideOutTab('tab5');slideOutTab('tab6');
			break;
			case 3:
				scrollTo3(); slideInTab('tab3'); slideOutTab('tab1'); slideOutTab('tab2'); slideOutTab('tab4');slideOutTab('tab5');slideOutTab('tab6');
			break;
			case 4:
				scrollTo4(); slideInTab('tab4'); slideOutTab('tab1'); slideOutTab('tab2'); slideOutTab('tab3');slideOutTab('tab5');slideOutTab('tab6');
			break;
			case 5:
				scrollTo5(); slideInTab('tab5'); slideOutTab('tab1'); slideOutTab('tab2'); slideOutTab('tab3');slideOutTab('tab4');slideOutTab('tab6');
			break;
			case 6:
				scrollToBot(); slideInTab('tab6'); slideOutTab('tab1'); slideOutTab('tab2'); slideOutTab('tab3');slideOutTab('tab4');slideOutTab('tab5');
			break;
		}
	}

	function hideServices() {
		allServices.slideOut();
	}
	
	function showServices(){
		allServices.slideIn();
	}
	
	function initalize() {		
		allServices = new Fx.Slide($('services'), {duration: 400, mode: 'horizontal', transition: Fx.Transitions.quadInOut});
		/* hide the all-services menu */
		allServices.hide();
		/* redisplay the none-display menu (none-display for designer see the layout better) */
		document.getElementById('serviceContent').style.display = 'block';					
	}
	
				
	//window.onload = show_clock;		
	
	function show_clock() {	
		var D = new Date();
		var seconds = D.getSeconds();
		setTimeout("show_clock()",5000);	
		if( _mystart == -1 ){
			$_mystart = 0;		
			initalize();
			autoTab(1);
			_mystart++;
			tabi++;
		} else{		
			if(seconds%2 == 0){							
				autoTab(tabi);
				tabi++;
				if(tabi > 6)
					tabi = 1;
			}
		}
	}	