var headerTeaserCurrImage = 1;

function initHeaderTeaser ()
{
	$('#headerButton1').hover (headerTeaserBtn1Callback, function(){});
	$('#headerButton2').hover (headerTeaserBtn2Callback, function(){});
	$('#headerButton3').hover (headerTeaserBtn3Callback, function(){});
	$('#headerButton4').hover (headerTeaserBtn4Callback, function(){});
	
	$('#headerButton1').removeClass("headerButtonNormal");
	$('#headerButton1').addClass("headerButtonHover");
}

function headerTeaserBtn1Callback ()
{
	headerTeaserShowImage (1);
}

function headerTeaserBtn2Callback ()
{
	headerTeaserShowImage (2);
}

function headerTeaserBtn3Callback ()
{
	headerTeaserShowImage (3);
}

function headerTeaserBtn4Callback ()
{
	headerTeaserShowImage (4);
}

function headerTeaserShowImage (index)
{
	$('#headerImage' + headerTeaserCurrImage).hide();
	$('#headerButton' + headerTeaserCurrImage).removeClass("headerButtonHover");
	$('#headerButton' + headerTeaserCurrImage).addClass("headerButtonNormal");
	headerTeaserCurrImage = index;
	$('#headerImage' + headerTeaserCurrImage).show();
	$('#headerButton' + headerTeaserCurrImage).removeClass("headerButtonNormal");
	$('#headerButton' + headerTeaserCurrImage).addClass("headerButtonHover");
}