/**
 * Alle Links mit der Klasse 'layer_link' werden mit einem Event-Listener
 * versehen, der den Layer/ Highslide einblendet. Das 'tiefste' Element
 */
window.onload = function() {
	
	var list = document.getElementsByClassName("layer_link");
	for(i=0;i<list.length;i++){
		Event.observe( list[i], 'click', function( event ) {
			show_layer(event);
			Event.stop( event );
		} );	
	}
	return false;
	
}

var open_id = null;

/**
 * Blendet den Layer ein. Der obere Rand erscheint auf Höhe des Cursors.
 *
 */
function show_layer(event, id){
	var y = Event.pointerY(event);
	var e = Event.element(event);
	var id = e.identify();

	if(open_id == null || open_id.indexOf(id) < 0 ){
		hide_layer(open_id);
		Element.setStyle('layer_'+id,{'top': (y-100)+'px'});	 
		Effect.Appear('layer_'+id);
		open_id = 'layer_'+id;
		return false;
	}
}

/**
 * Blendet den Layer aus
 */
function hide_layer(id){
	if(open_id != null){
  	Effect.Fade(id);
  	open_id = null;
	}
	return false;
}