function changeBoxClass(oElement, newClassName) {
    oElement.className = newClassName;
    
    /* Change arrow */
    var arrowImg = $$('#' + oElement.id + ' .biz-box-title img')[0];

    //alert('img : ' + arrowImg);
    if(newClassName == "new-biz-box-selected") {
       arrowImg.src = "uparrow2.jpg";
    } else {
       arrowImg.src = "downarrow2.jpg";        
    }
}

function toggleList(oElement) {
  var parent = oElement.parentNode;

  var currImg = $$('#' + parent.id + ' img')[0];
  var currContent = $$('#' + parent.id + ' .biz-box-content')[0];
 
  if(parent.className != "new-biz-box-selected") {
      var oldParent = $$('.new-biz-box-selected')[0];

        // open newer
        new Effect.Morph(currImg, { 
          style: {
             height: '122px',
             width: '104px'
          },
          afterFinish: function(){
             new Effect.SlideDown(currContent, {
//                 afterFinish:function(){parent.className = "new-biz-box-selected";}
                 afterFinish:function(){changeBoxClass(parent,"new-biz-box-selected");}
             })
          }, duration: 0.3
        });  
      
      if(oldParent != null) {
        //alert('orlder id : ' + oldParent.id);
        var oldImg = $$('#' + oldParent.id + ' img')[0];
        var oldContent = $$('#' + oldParent.id + ' .biz-box-content')[0];
      
      
        // retract older
        new Effect.SlideUp(oldContent, { 
           afterFinish: function(){
              new Effect.Morph(oldImg, {
                  style: {
                     height: '49px',
                     width: '42px'
                  }, //afterFinish:function(){oldParent.className = "new-biz-box";}
                  afterFinish:function(){changeBoxClass(oldParent,"new-biz-box");}
              })
           }, duration: 0.3
        });
      }
      
  } else {
      // retract older
      new Effect.SlideUp(currContent, { 
         afterFinish: function(){
            new Effect.Morph(currImg, {
                style: {
                   height: '49px',
                   width: '42px'
                }, //afterFinish:function(){parent.className = "new-biz-box";}
                afterFinish:function(){changeBoxClass(parent,"new-biz-box");}
            })
        }, duration: 0.3
      });
  }

  
/*
  if(parent.className == "new-biz-box-selected") {
     new Effect.SlideUp(currContent, { 
         afterFinish: function(){
            new Effect.Morph(currImg, {
                style: {
                   height: '49px',
                   width: '42px'
                }, afterFinish:function(){parent.className = "new-biz-box";}
            })
        }, duration: 0.3
    });        
  } else {
     new Effect.Morph(currImg, { 
        style: {
           height: '122px',
           width: '104px'
        },
        afterFinish: function(){
           new Effect.SlideDown(currContent, {
               afterFinish:function(){parent.className = "new-biz-box-selected";}
           })
        }, duration: 0.3
     });  
  }
*/  
    
}