// JavaScript Document
var img;

$(document).ready(function()
{
	//Bitte Warten anzeigen
	$('#wait').show();
	$('#main').hide();
	$('#small1').hide();
	$('#small2').hide();
	$('#small3').hide();
	$('#textbox').hide();
	$('#box').show();
	//HG einblenden
	img=new Image();
	img.src=$('#main img').attr('src');
	//getSrcFromCSS($('#main').css('background-image'));
	showMain();
});

/*
function getSrcFromCSS(s)
{
	return (s.substring(5, s.length-2));
}
*/

function showMain()
{
	//Fertig geladen
	if(!img.complete) { setTimeout(showMain, 50); return;}
	//Einblenden
	//$('#main').fadeIn(1500, function(){img.src=getSrcFromCSS($('#small1').css('background-image')); showSmall1();});
	$('#main').fadeIn(1500, function(){img.src=$('#small1 img').attr('src'); showSmall1();});
	//var com=function(){img.src=getSrcFromCSS($('#small1').css('background-image')); showSmall1();};
	//$('#main').css({'visibilty':'visible', 'opacity':'0%').animate({'opacity': '100%'}, {'duration': 1500, 'complete': com});
	//$('#main').show(1500, function(){img.src=getSrcFromCSS($('#small1').css('background-image')); showSmall1();});
	$('#wait').fadeOut(300);	
}

function showSmall1()
{
	//Fertig geladen
	if(!img.complete) { setTimeout(showSmall1, 50); return;}
	//Einblenden
	$('#small1').fadeIn(1500);
	$('#textbox').fadeIn(2000);
	img.src=$('#small2 img').attr('src');
	//img.src=getSrcFromCSS($('#small2').css('background-image'));
	setTimeout(showSmall2, 500);
}

function showSmall2()
{
	//Fertig geladen
	if(!img.complete) { setTimeout(showSmall2, 50); return;}
	//Einblenden
	$('#small2').fadeIn(1500);
	img.src=$('#small3 img').attr('src');
	//img.src=getSrcFromCSS($('#small3').css('background-image'));
	setTimeout(showSmall3, 500);
}

function showSmall3()
{
	//Fertig geladen
	if(!img.complete) { setTimeout(showSmall1, 50); return;}
	//Einblenden
	$('#small3').fadeIn(1500);
}