function toggle_items(id) {
    if (id == 'tec-item-xhtml') {
	$('tec-item-xhtml').show();
	$('tec-item-ajax').hide();
	$('tec-item-sqlite').hide();
    } else if (id == 'tec-item-ajax') {
	$('tec-item-xhtml').hide();
	$('tec-item-ajax').show();
	$('tec-item-sqlite').hide();
    } else if (id == 'tec-item-sqlite') {
	$('tec-item-xhtml').hide();
	$('tec-item-ajax').hide();
	$('tec-item-sqlite').show();
    } else {
	$('tec-item-xhtml').hide();
	$('tec-item-ajax').hide();
	$('tec-item-sqlite').hide();
    }
}

function animate_shot_init() {
    $('grafun_shot_conteiner').setStyle("position: relative; height: 225px; width: 278px;");
    $('grafun_shot1').setStyle("position: absolute; top: 0; left: 0;");
    $('grafun_shot2').setStyle("position: absolute; top: 0; left: 0;").hide();
    $('grafun_shot3').setStyle("position: absolute; top: 0; left: 0;").hide();
}

function animate_shot() {
    new Effect.Appear('grafun_shot2',
		      {
			  delay: 2.5,
			  queue: { scope:'grafun' }
		      });
    new Effect.Appear('grafun_shot3',
		      {
			  delay: 2.5,
			  queue: { scope:'grafun', position:'end' },
			  afterFinish: function(e) { $('grafun_shot2').hide(); }
		      });
    new Effect.Fade('grafun_shot3',
		    {
			delay: 2.5,
			queue: { scope:'grafun', position:'end' },
			afterFinish: function(e) { animate_shot(); }
		    });
}

toggle_items('tec-item-xhtml');
animate_shot_init();
animate_shot();