/*
 * requires jQuery!
 *
 */
 // bei 2 Beginnen weil das 1.jpg schon angezeigt wird
 var imgID = 3;

$(document).ready(function()
{	
	$('a').focus(function()
	{this.blur();});
	
	$('#sword').focus(function(){
    if (this.value == 'Suche') this.value = '';
  });
	
	$('#sword').blur(function(){
    if (this.value == '') this.value = 'Suche';
  });
	
	// Wechsel-IMG-Tag in Headerimage div einfuegen
	$('.headerimage').append('<img src="images/heads/2.jpg" style="display:none; position:absolute;top:0;left:0;" alt="imagebild"/>');
	
	// Headerimage Switch start, alle 10 Sekunden das Bild auswechseln
	setInterval('HeaderSwitch_fadeout()',10000);
});

function HeaderSwitch_fadeout(){
    if (imgID > 5) imgID = 1;
    
    // Aktuelles Headerbild ausblenden
    $('.headerimage img').fadeOut(3000);
    
    setTimeout('HeaderImgToggle()',500);
    
    // etwas laenger warten als das Ausblenden dauert und switch aufrufen
    setTimeout('HeaderSwitchImg()',4000);
    
    return true;
}

function HeaderImgToggle(){
    $('.headerimage img:hidden').fadeIn(3000);
}

function HeaderSwitchImg(){
    
    $('.headerimage img:hidden').attr({src:'images/heads/'+imgID+'.jpg'});
    
    imgID++;
    
    //setTimeout('HeaderSwitch_fadein()',2000);
}

function HeaderSwitch_fadein(){
    $('.headerimage img').fadeIn(2000);
}