var _infoX = new Array();

_infoX['on'] = 20;

_infoX['off'] = -600;

_infoX['stage'] = 500;



function toggleInfo(i) {

	var info = $('#info_' + i);

	var infoCurrent;

	var activeTarget;

	if (info.hasClass('info_content_off')) {

		infoCurrent = 'off';

		activeTarget = 'stage';

	}

	else if (info.hasClass('info_content_stage')) {

		infoCurrent = 'stage';

		activeTarget = 'off';

	}

	else {

		return;

	}

	$('#info_content div.info_content_on')

		.animate({left: _infoX[activeTarget]}, 500)

		.removeClass('info_content_on')

		.addClass('info_content_' + activeTarget);

	info

		.animate({left: _infoX['on']}, 500, 'easeOutBack')

		.removeClass('info_content_' + infoCurrent)

		.addClass('info_content_on');

    $('#info_tabs li.active').removeClass('active');

    $('#info_tab_' + i).addClass('active');

}