function showStartTexts() {
    var h = $('body').height();
    var w = $('body').width();

    $('#startText1').css('top', (h/2 - 80)+'px');
    $('#startText1').css('left', (w/2 - 200)+'px');

    $('#startText2').css('top', (h/2 - 80)+'px');
    $('#startText2').css('left', (w/2 + 100)+'px');

    $('#startText3').css('top', (h/2 + 70)+'px');
    $('#startText3').css('left', (w/2 - 350)+'px');

    $('#startText4').css('top', (h/2 + 70)+'px');
    $('#startText4').css('left', (w/2 + 250)+'px');

    $('#startText1').fadeIn('slow');
    $('#startText2').fadeIn('slow');
    $('#startText3').fadeIn('slow');
    $('#startText4').fadeIn('slow');

}

function showStartPics() {
    var h = $('body').height();
    var w = $('body').width();
    $('#startPic1').css('top', (h/2 - 200)+'px');
    $('#startPic1').css('left', (w/2 - 200)+'px');

    $('#startPic2').css('top', (h/2 - 200)+'px');
    $('#startPic2').css('left', (w/2 + 100)+'px');

    $('#startPic3').css('top', (h/2 - 50)+'px');
    $('#startPic3').css('left', (w/2 - 350)+'px');

    $('#startPic4').css('top', (h/2 - 50)+'px');
    $('#startPic4').css('left', (w/2 + 250)+'px');

    $('#startPic1').fadeIn('slow');
    $('#startPic2').fadeIn('slow');
    $('#startPic3').fadeIn('slow');
    $('#startPic4').fadeIn('slow');
}


$(document).ready(function(){
    $('#jsneeded').hide();
    $('#imprint').hide();
    $('#disclaimer').hide();
    window.setTimeout("showStartPics()", 1000);
    window.setTimeout("showStartTexts()", 2000);
    
    $('#imprintLink').click(function() {
        position = $(this).offset();
        $('#imprint').css('left',(position.left-210)+'px');
        $('#imprint').css('top',(position.top+15)+'px');
        $('#imprint').fadeIn("slow");
   });
   $('#disclaimerLink').click(function() {
        position = $(this).offset();
        $('#disclaimer').css('left',(position.left-160)+'px');
        $('#disclaimer').css('top',(position.top+15)+'px');
        $('#disclaimer').fadeIn("slow");
   });

   $('#startPic4,#startText4').click(function() {
        position = $('#startPic4').offset();
        $('#holz').css('left',(position.left-400)+'px');
        $('#holz').css('top',(position.top-100)+'px');
        $('#holz').fadeIn("slow");
   });
   $('#startPic3,#startText3').click(function() {
        position = $('#startPic3').offset();
        $('#ofen').css('left',(position.left)+'px');
        $('#ofen').css('top',(position.top-100)+'px');
        $('#ofen').fadeIn("slow");
   });


   $('#startPic2,#startText2').click(function() {
        var h = $('body').height();
        var w = $('body').width();
        $('#framePopup').css('left',(w/2 - 350)+'px');
        $('#framePopup').css('top',(h/2 - 300)+'px');
        $('#framePopup').fadeIn('slow');
        $('#masterFrame').attr('src','/shop.php');
   });

   $('#startPic1,#startText1').click(function() {
	var h = $('body').height();
        var w = $('body').width();
        $('#ofenbilder').css('left',(w/2 - 320)+'px');
        $('#ofenbilder').css('top',(h/2 - 270)+'px');
	$('#ofenbilder').fadeIn('slow');	
	$('#ofenbilder').load('/bilder.php', function() {
		$('.ofenthumb').click(function() {
			$('#bigPic').css('left',(w/2 - 250)+'px');
		        $('#bigPic').css('top',(h/2 - 200)+'px');
			$('#bigPic').attr('src',$(this).attr('rel'));
			$('#bigPic').fadeIn('slow');
			$('#bigPic').attr('title','klick zum schliessen');
			$('#bigPic').attr('alt','klick zum schliessen');
		});
	});

   });

   $('#bigPic').click(function() {
	$('#bigPic').fadeOut('slow');
   });

});