Element.observe(document, 'dom:loaded', function() {
	$$('.seperator').each(function(el) {
		Element.observe(el, 'mouseover', showHoverDiv.curry(el));
		Element.observe(el, 'mousemove', showHoverDiv.curry(el));
		Element.observe(el, 'mouseout', hideHoverDiv.curry(el));
	});
});
var pressTimer;
var offset;
var posOffset;
var id;
var data;
var num;
function showHoverDiv(el,event) {
	offset = el.cumulativeOffset();
	posOffset = el.positionedOffset();
	id = el.id
	data = id.split('-');
	num = data[1];
	$$('.press-hover').each(function(el1) {
		var id1 = el1.id
		var data1 = id1.split('-');
		var num1 = data1[2];
		if (num1!=num)
			el1.hide();
	});
	$$('.seperator').invoke("setOpacity",1);
	$('press-'+num).setOpacity(0.5);
	if ($('press-hover-'+num).style.display=="none")
		$('press-hover-'+num).show();
	moveHoverDiv(el,event);	
}
function moveHoverDiv(el,event) {
	var finalOffsetTop;
	var finalOffsetLeft;
	if (el.hasClassName('seperator-top')) finalOffsetTop=20;
	else if (el.hasClassName('seperator-second')) finalOffsetTop=-20;
	else if (el.hasClassName('seperator-third')) finalOffsetTop=-400;
	else finalOffsetTop=-400;

	if (el.hasClassName('seperator-last')) finalOffsetLeft=-335;
	else if (el.hasClassName('seperator-second-last')) finalOffsetLeft=-335;
	else finalOffsetLeft=60;

	clearTimeout(pressTimer);
	var leftOffset = event.pointerX()-offset.left+posOffset.left+finalOffsetLeft;
	var rightOffset = event.pointerY()-offset.top+posOffset.top+finalOffsetTop;
	$('press-hover-'+num).style.left=leftOffset+"px";
	$('press-hover-'+num).style.top=rightOffset+"px";
}
function hideHoverDiv(el,event) {
	var id = el.id;
	var data = id.split('-');
	var num = data[1];
	pressTimer = setTimeout(function(){
		$('press-'+num).setOpacity(1);
		$('press-hover-'+num).hide();
	},100);
}