var pageLayout;

  $(document).ready( function() {

    pageLayout = $('body').layout({
      east: {
        onopen:  function() {document.getElementById('close-pane').style.visibility = 'visible'; },
        onclose: function() {document.getElementById('close-pane').style.visibility = 'hidden'; },
        fxName: "drop",
        size:  262,
        resizable: false,
        slidable: false,
        togglerContent_closed:  "<img src='new/images/toggle-open-east.gif'>",
        spacing_closed: 5,
        spacing_open: -1,
        togglerLength_closed:  50,
        initClosed: true
      },

      north: {
        resizable: false,
        slidable: false,
        togglerContent_closed:  "<div style='background: #F00;width:100%;height:2px;padding:0;margin:0;'></div><img style='vertical-align: top;' src='new/images/toggle-open-north.gif'>",
        spacing_closed: 7,
        spacing_open: -1,
        togglerLength_closed:  50
      }
    });


    $("#tabs").tabs({ tabTemplate: '<div><a href="#{href}"><span>#{label}AAAAAAA</span></a></div>' });

    $(  '#accedi'  ).click( function() {   pageLayout.open('east'); $("#tabs").tabs('select', 0); });
    $( '#contatti' ).click( function() {   pageLayout.open('east'); $("#tabs").tabs('select', 1); });
    $('#close-pane').click( function() {  pageLayout.close('east'); });

    $('#goods_type').qtip({ content: 'Vengono comunque escluse dall assicurazione le seguenti merci: carte valori, documenti, francobolli, oggetti in materiale preziosom esplosivi, liquidi infiammabili, animali vivim piante vive, fiori freschi, masserizie e/o oggetti usati, merci avariate, argenterie, pellicce, tappeti pregiati, quadri, sculture in genere, oggetti aventi valore d arte, di antiquariato, di collezionismo, o affezione, merci gia avariate, autoveicoli, generi di monopolio, carichi completi di caffe e farmaceutici.',
      show: 'mouseover',
      hide: 'mouseout',
      style: { 
        width: 500,
        padding: 9,
        background: '#E8FFD9',
        color: 'black',
        textAlign: 'left',
        border: {
           width: 7,
           radius: 5,
           color: '#527932'
        },
        tip: 'leftBottom',
        name: 'dark'
      },
      position: {
        corner: {
          target: 'bottomRight',
          tooltip: 'bottomLeft'
        }
      }
    });

    
  });