var curElement = null;
var saveX = null;
var saveY = null;
var aktiv = null;

function act_showIt(el) {
	if (curElement) return;
	var pos = el.getPosition();
	var divID = el.id.split('_');
	act_HideIt();
	curElement = $('detail_'+divID[1]); 

	aktiv = window.setTimeout(function(){

	if(curElement) {
		//curElement.fade('hide').fade('in');
		curElement.setStyle('visibility', 'visible');
	}
	}, 750);
}

function act_HideIt() {
	if(curElement) {  
		curElement.setStyles({
			'visibility': 'hidden',
			'margin-left': 0,
			'margin-top': 0
		});
		//curElement.fade('hide');
	}
	window.clearTimeout(aktiv);
	curElement = null;
	saveX = null;
	saveY = null;
}

function locate (event){
	if(curElement) {
		if (saveX) {
			curElement.setStyles({
				'margin-left': event.client.x-saveX,
				'margin-top': event.client.y-saveY
			});
		}
		else {
			var pos = curElement.getPosition();
			saveX=pos.x-20;
			saveY=pos.y+60-document.body.scrollTop-document.documentElement.scrollTop;
		}
	}
}

window.addEvent('domready', function(){
	$$('img.imageBoxFloat').addEvents({
		'mouseenter': function(){act_showIt(this)},
		'mousemove': locate.bindWithEvent(this),
		'mouseleave': function(){act_HideIt()},
		'click': function(){act_HideIt()}
	});
});