var velocitaEntrata = 700;
var velocitaUscita = 400;

var pergamena_div = new Element('div', {
        'styles': {
              'display': 'block',
              'border': '0px solid black',
              'width': '480px',
              'height': '0px',
              'position': 'fixed',
              'top': '60px',
              'left': screen.width/2 + 'px',
              'z-index': '40',
              'font': 'normal 12px Verdana, Tahoma',
              'color': '#222',
              'cursor': 'move',
              'overflow': 'hidden',
              'background': 'url(images/sfondo_menu_ristorante.png) no-repeat'
        },
        'id': 'pergamena_div'
});

var img_close_perg = new Element('img', {
        'styles': {
              'display': 'block',
              'position': 'absolute',
              'top': '30px',
              'right': '40px',
              'z-index': '41',
              'cursor': 'pointer'
        },
        'src': 'images/closebox.png',
        'title': 'CHIUDI',
        'events': {
              'click': function(){
                    chiusurapergamena();
              }
        }
});

var container_perg = new Element('div', {
        'styles': {
              'display': 'block',
              'position': 'relative',
              'width': '80%',
              'height': '450px',
              'overflow': 'auto',
              'top': '80px',
              'left': '40px',
              'z-index': '41',
              'text-align': 'center'
        },
        'id': 'container_perg'
});


function controllopergamena() {
    if (!$('pergamena_div')) {
        $(document.body).grab(pergamena_div);
        $('pergamena_div').grab(img_close_perg);
        $('pergamena_div').grab(container_perg);
        $('pergamena_div').makeDraggable();
        aperturapergamena();
    } else if ($('pergamena_div').style.height=='0px') {
        aperturapergamena();
    } else {
        chiusurapergamena();
        var open = function(){aperturapergamena()}
        open.delay(velocitaUscita);
    }
}

function aperturapergamena() {
    effect($('pergamena_div'),velocitaEntrata).start('height',0,598);
}

function chiusurapergamena() {
    effect($('pergamena_div'),velocitaUscita).start('height',598,0);
}
    
function apripergamena(testo) {
    controllopergamena();
    if (testo) {
        $('container_perg').innerHTML = "";
        testo = $(testo).innerHTML;
        var inserisci = function(){$('container_perg').innerHTML = testo;}
        inserisci.delay(velocitaUscita);
    }
}

function apripergamena_da_pagina(page) {
    controllopergamena();
    if (page) {
        $('container_perg').innerHTML = "attendere...";
        $('container_perg').load(page+'.php');
    }
}