var currentElementUid = 0;
var lastTouched = new Date();
var hideDelay = 1000;

function showelement(uid) {

	uid = typeof(uid) != 'undefined' ? uid : 0;

	if (uid != currentElementUid) {
		now = new Date();
		hidecurrentelement(now.getTime());
	}

	if (uid == 0) return;
	
	//show background if any
	$('#pr_interactive_image-background-'+uid).css('display', 'block');

	//show active-marker if any
	$('#pr_interactive_image-marker-active-'+uid).css('display', 'block');
	

	lastTouched = new Date(); 
	currentElementUid  = uid;
}

function hideelement(uid) {

	var hideStarted = new Date();
	setTimeout('hidecurrentelement('+hideStarted.getTime()+');', hideDelay);

}

function hidecurrentelement(hideStartedMs) {

	
	if (lastTouched.getTime() > hideStartedMs) {
		return;
	}
	
	if (currentElementUid  == 0) return;

	//hide background
	$('#pr_interactive_image-background-'+currentElementUid  ).css('display', 'none');

	//hide active-marker
	$('#pr_interactive_image-marker-active-'+currentElementUid).css('display', 'none');
	
	return;

}


function setcurelement(uid) {
	lastTouched = new Date();
}