$(document).ready(function() {
	 $("#image").hide();
	 $("#image").fadeIn(3000);
	 
	 $("#showroom_base").hide();
	 $("#showroom_base").fadeIn(3000);
	
	 
	 $("#image_start").hide();
	 $("#image_start").fadeIn(3000);
	
	 
	 ausblenden('Zeitgeist');
	 ausblenden('Leistungen');
	 
});


function einblenden(das)
{

	for(i=1; i<5; i++)
	{
		
		//temp = "#".concat(das.concat(i.toString()));
		temp = "#"+das+i;
		$(temp).stop(true, true);
	}
	
	for(i=1; i<5; i++)
	{
		//temp = "#".concat(das.concat(i.toString()));
		temp = "#"+das+i;
 		
		$(temp).fadeIn(150);
		$("*").delay(150);
	}
	
};
function ausblenden(das)
{ 
	for(i=4; i>0; i--)
	{
		temp = "#".concat(das.concat(i.toString()));
		$(temp).stop(true,true);
	}
	
	for(i=4; i>0; i--)
	{
		temp = "#".concat(das.concat(i.toString()));
 		$(temp).delay(150).fadeOut(150);
		$("*").delay(150);
	}
};

$(function() {
    $('img[data-hover]').hover(function() {
        $(this).attr('tmp', $(this).attr('src')).attr('src', $(this).attr('data-hover')).attr('data-hover', $(this).attr('tmp')).removeAttr('tmp');
    }).each(function() {
        $('<img />').attr('src', $(this).attr('data-hover'));
    });;
});