document.observe('dom:loaded', function() {
	
	/*** Set Up the Wii Controler Tool Tips ***/
	var controllerButtons = $$('div#wii-mote div.img_map a');
	
	for(var i=0; i < controllerButtons.length; i++) {
		controllerButtons[i].observe('mouseover', function(e) {
			$('tooltip_'+this.id).appear({
					duration: 0.25
			});
		});
		controllerButtons[i].observe('mouseout', function(e) {
			$('tooltip_'+this.id).fade({
					duration: 0.25
			});
		});
		controllerButtons[i].observe('click', function(e) {
			e.stop();
		});
	}
	
	
	
	/*** Set Up the Slider ***/
	$('game_modes').removeClassName('nojs'); // remove the nojs css adjustment flag.
	
	// instantiate a horizontal scroller
	ss = new Scroller($('slider_frame'), {durationPerSlide: 0.2, restAlignment: 'left', orientation:'horizontal', selectOnMove: true,  selectOnClick: false});
	
	
	//Hook up the tabs
	$$('li#marathon a')[0].observe('click', function(e) {
		ss.moveTo(0);
		pageTracker._trackPageview('/marathon_section');
		e.stop();
	});
	$$('li#field_climber a')[0].observe('click', function(e) {
		ss.moveTo(1);
		pageTracker._trackPageview('/field_climber_section');
		e.stop();
	});
	$$('li#stage_racer a')[0].observe('click', function(e) {
		ss.moveTo(2);
		pageTracker._trackPageview('/stage_racer_section');
		e.stop();
	});
	$$('li#shadow a')[0].observe('click', function(e) {
		ss.moveTo(3);
		pageTracker._trackPageview('/shadow_section');
		e.stop();
	});
	$$('li#co-op a')[0].observe('click', function(e) {
		ss.moveTo(4);
		pageTracker._trackPageview('/co-op_section');
		e.stop();
	});
	$$('li#duel_spaces a')[0].observe('click', function(e) {
		ss.moveTo(5);
		pageTracker._trackPageview('/duel_spaces_section');
		e.stop();
	});
	$$('li#balance_board a')[0].observe('click', function(e) {
		ss.moveTo(6);
		pageTracker._trackPageview('/balance_board_section');
		e.stop();
	});
	$$('li#battle_mode a')[0].observe('click', function(e) {
		ss.moveTo(7);
		pageTracker._trackPageview('/battle_mode_section');
		e.stop();
	});
	$$('li#more a')[0].observe('click', function(e) {
		ss.moveTo(8);
		pageTracker._trackPageview('/more_section');
		e.stop();
	});
	
	
	//Previous Arrow Button
	$('prev').observe('click', function(e) {
		var selectedSlideIndex = ss.getIndexForSlide(ss.getSelectedSlide());
		if (selectedSlideIndex == 0) {
			pageTracker._trackPageview('/more_section');
			ss.moveToLast();
		} else {
			ss.moveToPrevious();
			switch (selectedSlideIndex) {
				case 1: pageTracker._trackPageview('/marathon_section'); break;
				case 2: pageTracker._trackPageview('/field_climber_section'); break;
				case 3: pageTracker._trackPageview('/stage_racer_section'); break;
				case 4: pageTracker._trackPageview('/shadow_section'); break;
				case 5: pageTracker._trackPageview('/co-op_section'); break;
				case 6: pageTracker._trackPageview('/duel_spaces_section'); break;
				case 7: pageTracker._trackPageview('/balance_board_section'); break;
				case 8: pageTracker._trackPageview('/battle_mode_section'); break;
			}
		}
		e.stop();
	});
	
	//Next Arrow Button
	$('next').observe('click', function(e) {
		var selectedSlideIndex = ss.getIndexForSlide(ss.getSelectedSlide());
		var lastSlideIndex = ss.getSlideCount()-1;
		if (selectedSlideIndex == lastSlideIndex) {
			pageTracker._trackPageview('/marathon_section');
			ss.moveToFirst();
		} else {
			ss.moveToNext();
			switch (selectedSlideIndex) {
				case 0: pageTracker._trackPageview('/field_climber_section'); break;
				case 1: pageTracker._trackPageview('/stage_racer_section'); break;
				case 2: pageTracker._trackPageview('/shadow_section'); break;
				case 3: pageTracker._trackPageview('/co-op_section'); break;
				case 4: pageTracker._trackPageview('/duel_spaces_section'); break;
				case 5: pageTracker._trackPageview('/balance_board_section'); break;
				case 6: pageTracker._trackPageview('/battle_mode_section'); break;
				case 7: pageTracker._trackPageview('/more_section'); break;
			}
		}
		e.stop();
	});

});

	
lastTab = null;

document.observe('sidescroller:slideselected', function(e) {
	
	if (lastTab) {
		lastTab.removeClassName("on");
	}
	
	$$('ul.slider_tabs li a')[e.memo.slideIndex].addClassName("on");
	
	lastTab = $$('ul.slider_tabs li a')[e.memo.slideIndex];
});