var webcamTeaserWillOpen = false;
var webcamTeaserWillClose= false;
var webcamTeaserTimer = null;

document.observe('dom:loaded', function() {
	$('webcam_teaser_trigger').observe('mouseover', observeWebcamTeaserOver);
	$('webcam_teaser_trigger').observe('mouseout', observeWebcamTeaserOut);

	$('webcam_teaser_hover').observe('mouseover', observeWebcamTeaserOver);
	$('webcam_teaser_hover').observe('mouseout', observeWebcamTeaserOut);
});

function observeWebcamTeaserOver(event) {
	event.stop();

	webcamTeaserWillOpen = true;
	webcamTeaserWillClose= false;
	
	refreshWebcamTeaserTimer(200);

}

function observeWebcamTeaserOut(event) {
	event.stop();
	
	webcamTeaserWillClose= true;
	webcamTeaserWillOpen = false;
	
	refreshWebcamTeaserTimer(700);

}

function executeWebcamTeaserState() {
	if (webcamTeaserWillClose) {
		$('webcam_teaser_hover').hide();
		webcamTeaserWillClose = false;

	}

	if (webcamTeaserWillOpen) {
		$('webcam_teaser_hover').show();
		webcamTeaserWillOpen = false;

	}
	
}

function refreshWebcamTeaserTimer(delay) {
	if (webcamTeaserTimer) {
		clearTimeout(webcamTeaserTimer);
		
	}
	
	webcamTeaserTimer = setTimeout('executeWebcamTeaserState()', delay);
	
}