window.addEvent('load', function() {

	//init h2Debug output DIV
	var h2Debug = $('h2debug');

	// #
	// ## Geschäftsreisen
	// #

	var businessTravel = $('business');
	var businessPosX = businessTravel.getLeft();
	var businessPosY = businessTravel.getTop();
	var businessWidth = businessTravel.getStyle('width').toInt();

	//bring business hover-DIV in place		
	var businessHoverInit = new Fx.Styles('businessHover', {duration: 10, transition: Fx.Transitions.linear});

	businessHoverInit.start({
		'left': businessPosX,
		'top': businessPosY,
		'width': businessWidth+9
	});		

	if($chk(h2Debug)) h2Debug.appendText(' ## '+'businessHover in place : X'+businessPosX+' Y'+businessPosY+' W'+businessWidth+'+'+9);



	//bring business image in place
	var businessAniImg = $('businessAni');
	businessAniImg.setOpacity(0.2);


	var aniImgWidth = 66;
	var businessAniImgOffset = businessWidth-aniImgWidth+10;
	var businessAniImgInit = new Fx.Styles('businessAni', {duration: 10, transition: Fx.Transitions.linear});

	businessAniImgInit.start({
		'left': businessPosX+businessAniImgOffset,
		'top': businessPosY
	});		

	if($chk(h2Debug)) h2Debug.appendText(' ## '+'businessAniImg in place: X'+businessPosX+'+'+businessAniImgOffset+' Y'+businessPosY);

	// #
	// ## OBC
	// #

	var obcLogitics = $('obc');
	var obcPosX = obcLogitics.getLeft();
	var obcPosY = obcLogitics.getTop();
	var obcWidth = obcLogitics.getStyle('width').toInt();

	//bring obc hover-DIV in place		
	var obcHoverInit = new Fx.Styles('obcHover', {duration: 10, transition: Fx.Transitions.linear});

	obcHoverInit.start({
		'left': obcPosX,
		'top': obcPosY,
		'width': obcWidth+9
	});		

	if($chk(h2Debug)) h2Debug.appendText(' ## '+'obcHover in place : X'+businessPosX+' Y'+businessPosY+' W'+businessWidth+'+'+9);



	//bring obc image in place
	var obcAniImg = $('obcAni');
	obcAniImg.setOpacity(0.2);


	var aniImgWidth = 66;
	var obcAniImgOffset = businessWidth-aniImgWidth+10;
	var obcAniImgInit = new Fx.Styles('obcAni', {duration: 10, transition: Fx.Transitions.linear});

	obcAniImgInit.start({
		'left': obcPosX+obcAniImgOffset,
		'top': obcPosY
	});		

	if($chk(h2Debug)) h2Debug.appendText(' ## '+'obcAniImgInit in place: X'+businessPosX+'+'+businessAniImgOffset+' Y'+businessPosY);

	// #
	// ## Privatreisen
	// #

	var privateTravel = $('private');
	var privateTravelPosX = privateTravel.getLeft();
	var privateTravelPosY = privateTravel.getTop();
	var privateTravelWidth = privateTravel.getStyle('width').toInt();

	//bring obc hover-DIV in place		
	var privateTravelHoverInit = new Fx.Styles('privateHover', {duration: 10, transition: Fx.Transitions.linear});

	privateTravelHoverInit.start({
		'left': privateTravelPosX,
		'top': privateTravelPosY,
		'width': privateTravelWidth+9
	});		

	if($chk(h2Debug)) h2Debug.appendText(' ## '+'privateTravelHover in place : X'+privateTravelPosX+' Y'+privateTravelPosY+' W'+privateTravelWidth+'+'+9);



	//bring privateTravel image in place
	var privateAniImg = $('privateAni');
	privateAniImg.setOpacity(0.2);


	var aniImgWidth = 66;
	var privateTravelAniImgOffset = privateTravelWidth-aniImgWidth+10;
	var privateTravelAniImgInit = new Fx.Styles('privateAni', {duration: 10, transition: Fx.Transitions.linear});

	privateTravelAniImgInit.start({
		'left': privateTravelPosX+privateTravelAniImgOffset,
		'top': privateTravelPosY
	});		

	if($chk(h2Debug)) h2Debug.appendText(' ## '+'privateTravelAniImgInit in place: X'+privateTravelPosX+'+'+privateTravelAniImgOffset+' Y'+privateTravelPosY);

});

window.addEvent('domready', function() {

	//just debugging
	var h2Debug = $('h2debug');
	if($chk(h2Debug)) h2Debug.appendText('starting...');

	// #
	// ## Geschäftsreisen
	// #

	var businessTravelHover = $('businessHover');

	businessTravelHover.addEvents({
		'mouseenter': function() {
			var businessTravelAniIn = new Fx.Style('businessAni', 'opacity', {wait: true, duration:500});
			businessTravelAniIn.start(0.2, 1);

			if($chk(h2Debug)) h2Debug.appendText(' ## '+'businessAni opacity: 1, 500ms');
		},
		'mouseleave': function() {
			var businessTravelAniOut = new Fx.Style('businessAni', 'opacity', {wait: true, duration:300});
			businessTravelAniOut.start(1, 0.2);

			if($chk(h2Debug)) h2Debug.appendText(' ## '+'businessAni opacity: 0.2, 300ms');
		}
	});


	// #
	// ## OBC
	// #

	var obcLogisticsHover = $('obcHover');

	obcLogisticsHover.addEvents({
		'mouseenter': function() {
			var obcAniIn = new Fx.Style('obcAni', 'opacity', {wait: true, duration:500});
			obcAniIn.start(0.2, 1);

			if($chk(h2Debug)) h2Debug.appendText(' ## '+'obcAniImg opacity: 1, 500ms');
		},
		'mouseleave': function() {
			var obcAniOut = new Fx.Style('obcAni', 'opacity', {wait: true, duration:300});
			obcAniOut.start(1, 0.2);

			if($chk(h2Debug)) h2Debug.appendText(' ## '+'obcAniImg opacity: 0.2, 300ms');
		}
	});

	// #
	// ## Privatreisen
	// #

	var privateTravel = $('privateHover');

	privateTravel.addEvents({
		'mouseenter': function() {
			var privateTravelAniIn = new Fx.Style('privateAni', 'opacity', {wait: true, duration:500});
			privateTravelAniIn .start(0.2, 1);

			if($chk(h2Debug)) h2Debug.appendText(' ## '+'privateAniImg opacity: 1, 500ms');
		},
		'mouseleave': function() {
			var privateTravelAniOut = new Fx.Style('privateAni', 'opacity', {wait: true, duration:300});
			privateTravelAniOut.start(1, 0.2);

			if($chk(h2Debug)) h2Debug.appendText(' ## '+'privateAniImg opacity: 0.2, 300ms');
		}
	});

});