//create the namespace object used in this example
      YAHOO.namespace("yuibook.accordion");
      
      //define the initAccordian function
      YAHOO.yuibook.accordion.initAccordion = function() {

        //define the attributes objects
        var openObj = {
          height: {to: 240}
        };
        var closeObj = {
          height: {to: 0}
        };

        //define fnClick function
        var fnClick = function() {

          //get the element to open/close
          var section = YAHOO.util.Dom.get("section1");
          var formSec= YAHOO.util.Dom.get("section2");
          var height = YAHOO.util.Dom.getStyle(section, "height");
          doAnim(section, height);
                    doAnim(formSec, height);


          
        }
        
        //execute fnClick when a sectionHead is clicked
        YAHOO.util.Event.addListener("section1Head", "click", fnClick);
                
        function doAnim (section, height) {

          //is the element open or closed?
          if (height > "0px") {

            //define and run the animation
            var anim = new YAHOO.util.Anim(section, closeObj, 0.5);
            anim.animate();
            
          } else if (height == "0px") {
          
            //define and run the animation
            var anim = new YAHOO.util.Anim(section, openObj, 0.5);
            anim.animate();
            
          }
        }
        //inserisco Funzione Focus per i rettangli PROGETTI
        
        
        (function() {
    var attributes = {backgroundColor: { to: '#238A23' }};
   

     var attributesOut ={backgroundColor: {to:'#960000'}};
         

        

    var anim = new YAHOO.util.ColorAnim('p1', attributes);
    var anim2 = new YAHOO.util.ColorAnim('p2', attributes);
        var anim3 = new YAHOO.util.ColorAnim('p3', attributes);

    var animOut = new YAHOO.util.ColorAnim('p1', attributesOut);
  var animOut2= new YAHOO.util.ColorAnim('p2', attributesOut);
    var animOut3 = new YAHOO.util.ColorAnim('p3', attributesOut);
  
    YAHOO.util.Event.on('focusProg1', 'mouseover', function() {
        anim.animate();
    });
      YAHOO.util.Event.on('focusProg2', 'mouseover', function() {
        anim2.animate();
    });
    YAHOO.util.Event.on('focusProg3', 'mouseover', function() {
        anim3.animate();
    });
    
    
     YAHOO.util.Event.on('focusProg1', 'mouseout', function() {
        animOut.animate();
    });
      YAHOO.util.Event.on('focusProg2', 'mouseout', function() {
        animOut2.animate();
    });
      YAHOO.util.Event.on('focusProg3', 'mouseout', function() {
        animOut3.animate();
    });

})();




        
      }
      
      
      
      //execute initAccordion when DOM is ready
      YAHOO.util.Event.onDOMReady(YAHOO.yuibook.accordion.initAccordion);
    
    
     //codice per il riquadro
      YAHOO.namespace("yuibook.riquadro");
      YAHOO.yuibook.riquadro.initRiquadro = function() {
    //codice dimensione testi 
// r1
var focusHeight= YAHOO.util.Dom.getStyle('focusProg1', 'height');
        YAHOO.util.Dom.setStyle('p1', 'height', focusHeight);
// r2       
var focusHeight2= YAHOO.util.Dom.getStyle('focusProg2', 'height');
        YAHOO.util.Dom.setStyle('p2', 'height', focusHeight2);
// r3
var focusHeight3= YAHOO.util.Dom.getStyle('focusProg3', 'height');
        YAHOO.util.Dom.setStyle('p3', 'height', focusHeight3);
      }
      
      //eseguo una volta disponibile il css per quel paragrafo.
      YAHOO.util.Event.onAvailable('divProg',YAHOO.yuibook.riquadro.initRiquadro);