menu_btn_click = function (menu_id, in_menu_divs)
{
	delay_in_ms = 5500;
	
	arrBtn = $(menu_id).childElements();
	showTab = 1;
	menu_divs = in_menu_divs;
	$(menu_id).childElements().each( function(e, index){
		if( e.tagName == "A") {
			e.onclick = function(elEvent){
				showTab = index;
				menu_tab_change();			
				try{
					Event.stop(elEvent);
				}
				catch(EE)
				{
					return false ; 
				}
			}
		}
	});
	menu_tab_change();	
}
menu_tab_change = function( )
{

	try{clearTimeout(ctimot);}catch(ex){}
		
	try{
		$($$('.activeTitle')[0].toString().split("#")[1]).fade()
		$$('.activeTitle')[0].removeClassName('activeTitle');
	}	
	catch(e){}
	
	if(showTab == arrBtn.length) showTab=0;
	disdiv = ("" +arrBtn[showTab]).split("#")[1];	
	$(disdiv).appear();
	

	arrBtn[showTab].addClassName('activeTitle');

	ctimot = setTimeout( "showTab++; menu_tab_change()", delay_in_ms);	

	return false;
}
old_menu_tab_change = function( )
{
	try{clearTimeout(ctimot);}catch(ex){}
	div_hide( menu_divs );	
	if(showTab == arrBtn.length) showTab=0;
	
	disdiv = ("" +arrBtn[showTab]).split("#")[1] ;	
	$(disdiv).appear();
	// Effect.SlideDown($(disdiv));
	arrBtn[showTab].addClassName('activeTitle');

	ctimot = setTimeout( "showTab++; menu_tab_change()", delay_in_ms);	

	return false;
}
div_hide = function (tab_div_id){
	$(tab_div_id).childElements().each( function(e){
		if( e.tagName == "DIV") {
			e.hide();
			try{$$('.activeTitle')[0].removeClassName('activeTitle');}	
			catch(e){}
		}
	});
}
init_tab = function(menu_id, in_menu_divs)
{
	$(in_menu_divs).childElements().each( function(e){
		if(e.tagName =="DIV")
		e.hide();
	});
	menu_btn_click('controls', 'tab_content');
}
document.observe('dom:loaded', function () 	 {
	// menu_btn_click('controls', 'tab_content');
	init_tab('controls', 'tab_content');
});