var timeout         = 500;
var closetimer      = 0;
var ddmenuitem      = 0;
var activebubble	= 0;

function bubble_open()
{	
	bubble_canceltimer();
    bubble_close();
    var p = $(this).offset();
    var left = p.left;
    var top = p.top + $(this).height();

	ddmenuitem = $('#bubblemenu').eq(0);
    ddmenuitem.css('top', top +'px');
    ddmenuitem.css('left', left +'px');
    ddmenuitem.css('visibility', 'visible');
    ddmenuitem.css('margin-top','0');

	var url = $(this).attr('rel');

    if(url.length == 0){
		if($(this).attr('href')){
			url = $(this).attr('href');
			ddmenuitem.load(url);
		}
		else{
			if($(this).attr('alt_text')){
				ddmenuitem.get(0).innerHTML = $(this).attr('alt_text'); 
			}	
		}
	}
}

function bubble_close()
{   if(ddmenuitem && activebubble==0) {
		ddmenuitem.css('visibility', 'hidden');
		ddmenuitem.get(0).innerHTML = '<img src="/fileadmin/img/loader.gif" />';
//		ddmenuitem.remove();
	}
}

function bubble_timer()
{   closetimer = window.setTimeout(bubble_close, timeout);}

function bubble_canceltimer()
{   if(closetimer)
    {   window.clearTimeout(closetimer);
        closetimer = null;}}

$(document).ready(function()
{
	
	// check if the element exists
	var elem = $('.bubble');
	
	if (elem && elem.length) {
		elem.live('mouseover', bubble_open);
		elem.live('mouseout',  bubble_timer);
	}

    elem = $('#bubblemenu');
	if (elem  && elem.length) {
	    elem.live('mouseover', function() { activebubble=1; });
	    elem.live('mouseout', function() { activebubble=0; bubble_timer();});
	}
	
});

document.onclick = bubble_close;