function loadPage() {
	new Draggable('toolbar', {revert:true});
	new Draggable('logo', {revert:true});
	
	// Preload images
	showToolbar();
	setTimeout("showLogo()", 1000);
}

function showToolbar() {
	for (i=0; i<6; i++) {
		if ($('img' + i) != null)
			setTimeout("Effect.Appear('img" + i + "')", i*200);
	}
	setTimeout("refreshAnim()", 10000);
}

function showLogo() {
	Effect.Appear('logo');
}

function refreshAnim() {
	for (i=5; i>=0; i--) {
		if ($('img' + i) != null)
			setTimeout("Effect.Shake('img" + i + "')", i*400);
	}
	setTimeout('refreshAnim()', 20000);
}

function onMouseIn(el, image, tooltip) {
	$(el).src = 'http://www.marcatweb.de/resource/img/' + image;
	$(tooltip).style.display = 'block';
}

function onMouseOut(el, image, tooltip) {
	$(tooltip).style.display = 'none';
	setTimeout('resetIcon(' + el + ',\'' + image + '\')', 250);
}

function resetIcon(el, image) {
	$(el).src = 'http://www.marcatweb.de/resource/img/' + image;
}