var gTransitionPeriod = 150; // 300 - 300
var previous;
var selected = 'km';
var select2timer = 0;

Event.observe( document, 'dom:loaded', setupView );


function setupView() {
	var entries = [ 'km', 'sm', 'sw', 'dcm', 'mft' ];
	var h = 0;
	for ( var i=0; i<entries.length; i++ ) {
		var h2 = $(entries[i]+'desc').getHeight();
		if ( h2 > h ) {
			h = h2;
		}
	}
	for ( var i=0; i<entries.length; i++ ) {
		var h2 = $(entries[i]+'desc').getHeight();
		if ( h2 > h ) {
			h = h2;
		}
		$(entries[i]+'desc').style.height = h+'px';
		if ( entries[i] != selected ) {
			$(entries[i]+'desc').style.opacity = 0;
			$(entries[i]+'desc').style.display = 'none';
		}
	}
}

function Select( what ) {
	if ( selected != what ) {
		if ( select2timer != 0 ) {
			Select2();
		}
		previous = selected;
		selected = what;
		$(previous+'icon').toggleClassName( 'selected' );
		$(selected+'icon').toggleClassName( 'selected' );
		$(previous+'desc').style.opacity = 0;
		select2timer = setTimeout("Select2()", gTransitionPeriod);
	}
}

function Select2() {
		$(previous+'desc').style.display = 'none';
		$(selected+'desc').style.display = 'block';
		$(selected+'desc').style.opacity = 1;
		select2timer = 0;
}



function SelectKeyboardMaestro() {
	Select( 'km' );
}

function SelectSwitcherMaestro() {
	Select( 'sm' );
}

function SelectBookle() {
	Select( 'b' );
}

function SelectSightWords() {
	Select( 'sw' );
}

function SelectDesktopCalendarMaker() {
	Select( 'dcm' );
}

function SelectMountiesFeedbackTrainer() {
	Select( 'mft' );
}