Event.observe(window, 'load', onnload);

function onnload(){
    
	$$('ul#tabs li a').each(  
		function(e){
	        Event.observe(e, 'click', 
				function(){
					var s = e.identify();
					var tab = e.identify();
					var vals = s.split("_") 
						$$('ul#tabs li a').each(
						
						function(f){
							f.removeClassName('selected');	
							
						})
						e.addClassName('selected');	
						
						
						$('search-box').removeClassName('auto');
					$('search-box').removeClassName('camioneta');
					$('search-box').removeClassName('atv');
					
					if(tab  == 'tab_0'){
						
						$('search-box').addClassName('auto');
					} else if (tab  == 'tab_1'){
						
						$('search-box').addClassName('camioneta');
					} else if (tab  == 'tab_2'){
						
						$('search-box').addClassName('atv');
					}
					
					$$('div#pannels .pannel').each(function (e){e.addClassName('hide')}) 
					
					$('pannel_' + vals[1]).removeClassName('hide');
					
					$$('.howto-visual').each(function (e){e.addClassName('hide')}) 
					
					$('howto_' + vals[1]).removeClassName('hide');
					void(0);
				}
	        )
	    }
    )  
}