var portal;

function onOverWidget(portal, widget) {
    widget.getElement().insertBefore($('control_buttons'), widget.getElement().firstChild);
    $('control_buttons').show(); 
} 
   
function onOutWidget(portal, widget) {
    $('control_buttons').hide();      
} 
   
function removeWidget(element) {
    var widget = $(element).up(".widget").widget;
     
    if (confirm('Are sure to remove this widget?')) { 
	document.body.appendChild($('control_buttons').hide())
        portal.remove(widget);
    }
}                                

function onChange() { }

function addWidget() {
   //portal.add(new Xilinus.Widget().setTitle("Widget #9.0").setContentURL('randomphoto.php'), 0);
}

function init() {             
   portal = new Xilinus.Portal("#portal div", {onOverWidget: onOverWidget, onOutWidget: onOutWidget, onChange: onChange, removeEffect: Effect.SwitchOff}); 

    loadWidgets();
   // Add controls buttons
   portal.addWidgetControls("control_buttons");
}

Event.observe(window, "load", init);