// JavaScript Document

$(function () {
			
//-----------------------------------------------------------------------
//----Kunden auf der linken Seite mit Hover auf der rechten Seite--------
//-----------------------------------------------------------------------

	$('.kunde').each(function () {
    var distance = 10;
	var time = 250;
	var hideDelay = 500;

	var hideDelayTimer = null;

	var beingShown = false;
	var shown = false;
	var trigger = $('.imgPop', this);
	var info = $('.popup', this).css('opacity', 0);


	//$([trigger.get(0), info.get(0)]).mouseover(function () {
	$([trigger.get(0)]).mouseover(function () {
		if (hideDelayTimer) {
			clearTimeout(hideDelayTimer);
		}
		if (beingShown || shown) {
			// don't trigger the animation again
			return;
		} else {
		// reset position of info box
		beingShown = true;

		info.css({
			//top: -90,
			//left: -33,
			display: 'block'
		}).animate({
			//top: '-=' + distance + 'px',
			opacity: 1
		}, time, 'swing', function() {
			beingShown = false;
			shown = true;
		});
	}
	return false;
});
			
//$('.kunde').mouseleave(function () {
//$(info, '.close').click(function () {
$([trigger.get(0)]).mouseout(function () {
	info.animate({
		//top: '-=' + distance + 'px',
		opacity: 0
	}, time, 'swing', function () {
		shown = false;
		info.css('display', 'none');
		});
	});
});


//-----------------------------------------------------------------------
//----Kunden auf der rechten Seite mit Hover auf der linken Seite--------
//-----------------------------------------------------------------------

	$('.kundeRight').each(function () {
    var distance = 10;
	var time = 250;
	var hideDelay = 500;

	var hideDelayTimer = null;

	var beingShown = false;
	var shown = false;
	var trigger = $('.imgPop', this);
	var info = $('.popupRight', this).css('opacity', 0);


	//$([trigger.get(0), info.get(0)]).mouseover(function () {
	$([trigger.get(0)]).mouseover(function () {
		if (hideDelayTimer) {
			clearTimeout(hideDelayTimer);
		}
		if (beingShown || shown) {
			// don't trigger the animation again
			return;
		} else {
		// reset position of info box
		beingShown = true;

		info.css({
			//top: -90,
			//left: -33,
			display: 'block'
		}).animate({
			//top: '-=' + distance + 'px',
			opacity: 1
		}, time, 'swing', function() {
			beingShown = false;
			shown = true;
		});
	}
	return false;
});
			
//$('.kunde').mouseleave(function () {
//$(info, '.close').click(function () {
$([trigger.get(0)]).mouseout(function () {
	info.animate({
		//top: '-=' + distance + 'px',
		opacity: 0
	}, time, 'swing', function () {
		shown = false;
		info.css('display', 'none');
		});
	});
});

});