var numLetters = 11;
var widths = new Array(-1,38,37,43,43,27,32,65,39,26,19,31);


document.write('<div id="ani_container" style="height:55px;margin-bottom:2em;padding-left:-20px;opacity:0.0;">');
for(i=1;i<=numLetters;i++) {
	if(i<10) leadingzero = '0';
	else leadingzero = "";

	document.write('<a href="http://fine-art-music.de/'+osq_links[i]+'" title="'+osq_link_desc[i]+'"><img style="position:absolute;" id="ani_'+i+'" src="/media/famslice/fam-animation_'+leadingzero+i+'.png"></a>');
}


for(i=1;i<=4;i++) {
	document.write('<img style="position:absolute;opacity:0;" id="square'+i+'" src="/media/square'+i+'.png">');	
}

document.write('</div>');

$(document).ready(function() {
	$('#ani_container').delay(1).animate({opacity:1}, 5000, function(){
		cp = $('#ani_container').position();
		loff = cp.left;
		for(i=1;i<=numLetters;i++) {
			$('#ani_'+i).offset({left:cp.left,top:cp.top});
			$('#ani_'+i).animate({left:loff},1000+i*300);
			loff += widths[i];
		}

// Zielpos: cp.left + i*20

		for(i=1;i<=4;i++)
		{
			$('#square'+i).offset({left:cp.left+462-i*16,top:cp.top+12}).animate({opacity:1}, 2000).animate({left:cp.left+400+i*20,top:cp.top+44}, 2000);
		}
			
	});
});