var DropDown = { currentElement: null, mouseY: 0, mouseX: 0, init: function() { var tags = $$('body a.drop-down'); tags.forEach( function (t) { t.onclick = function() { if (DropDown.currentElement == t)
{ DropDown.removePanel();}
else
{ DropDown.currentElement = t; DropDown.createPanel( t );}
return false;}
});}, createPanel: function( t ) { if ($('dropDownPanel')) { $('dropDownPanel').destroy();}
var panel = new Element('div', { 'id': 'dropDownPanel' }); var content = new Element('div', { 'id': 'drop-down-content' }); panel.inject($('custom-doc'), 'after'); content.inject($('dropDownPanel'), 'inside'); $('dropDownPanel').setStyles({ 'top': parseInt(t.getCoordinates().top+t.getCoordinates().height), 'left': t.getCoordinates().left, 'display': 'block'
}); $('debug').set('text', t.getCoordinates().top); DropDown.loadContent( t ); document.addEvent('mousemove', function(event) { event = Event(event); DropDown.mouseY = event.page.y; DropDown.mouseX = event.page.x; DropDown.hidePanel(); event.stop();});}, removePanel: function() { if ($('dropDownPanel')) { $('dropDownPanel').destroy();}
DropDown.currentElement = null;}, hidePanel: function() { if ( DropDown.mouseY+20<$('dropDownPanel').getCoordinates().top || DropDown.mouseY+20>(($('dropDownPanel').getCoordinates().height+20)+$('dropDownPanel').getCoordinates().top) || DropDown.mouseX<$('dropDownPanel').getCoordinates().left || DropDown.mouseX>($('dropDownPanel').getCoordinates().width+$('dropDownPanel').getCoordinates().left) )
{ document.removeEvents('mousemove'); DropDown.removePanel();}
}, loadContent: function( t ) { var dropDownRequest = new Request({url: t.getProperty('href')}); dropDownRequest.send(); dropDownRequest.onSuccess = function( responseText ) { $('drop-down-content').set('html', responseText.toString());}
}
}; window.addEvent('domready', DropDown.init);