		document.observe('dom:loaded',function(){
			
	//example 1
	
	new Control.Tabs('tabs_example_one');
	
	//example 2
	var tabs_example_two = new Control.Tabs('tabs_example_two',{
		afterChange: function(new_container){
			$A($('tabs_example_two_select').options).each(function(option,i){
				if(option.value == new_container.id){
					$('tabs_example_two_select').options.selectedIndex = i;
					throw $break;
				}
			});
		}
	});
	$('tabs_example_two_select').observe('change',function(){
		tabs_example_two.setActiveTab($('tabs_example_two_select').value);
	});
	$('tabs_example_two_first').observe('click',function(event){
		this.first();
		Event.stop(event);
	}.bindAsEventListener(tabs_example_two));
	$('tabs_example_two_previous').observe('click',function(event){
		this.previous();
		Event.stop(event);
	}.bindAsEventListener(tabs_example_two));
	$('tabs_example_two_next').observe('click',function(event){
		this.next();
		Event.stop(event);
	}.bindAsEventListener(tabs_example_two));
	$('tabs_example_two_last').observe('click',function(event){
		this.last();
		Event.stop(event);
	}.bindAsEventListener(tabs_example_two));
	
	//example 3
	new Control.Tabs('tabs_example_three',{
		hover: true
	});

		});		
	  