var iDirection = 0;
var iExpanded = 0;

var selementtoexpand = '';
var selementtocollapse = '';
var imaxindex = 34;

function init() {
    animateframe( 'style', 'divelement1', 0, 34, 25);
    return (false);
};


function ProcessMoreInfoPanel( stylename, selementname, iindex, ilastindex, iinterval ) {

    //alert(document.getElementById(selementname).className);

    if (selementtocollapse != '') {
        selementtoexpand = selementname;
        animateframereverse( stylename, selementtocollapse, ilastindex, 0, iinterval );    
    }
    else
    {
    
    

//    if (iExpanded == 0) {

        if (document.getElementById(selementname).className == stylename + '0') {
            iExpanded = .5;
            animateframe( stylename, selementname, iindex, ilastindex, iinterval );
        }
/*    else if (document.getElementById(selementname).className == stylename + ilastindex) {
        iExpanded = .5;
        animateframereverse( stylename, selementname, ilastindex, 0, iinterval );    
    } */
    }
}

function animateframe( stylename, selementname, iindex, ilastindex, iinterval ) {
    document.getElementById(selementname).className = stylename + iindex;
    
    var inewindex = iindex + 1;
    if (iindex < ilastindex  ) {        
        setTimeout('animateframe("' + stylename + '", "' + selementname + '", ' + inewindex + ', ' + ilastindex + ', ' +iinterval +' );', iinterval );
    }
    else
    { 
        iExpanded = 1;
        selementtoexpand = '';
        selementtocollapse = selementname;
    }
    return (false);
};


function animateframereverse( stylename, selementname, iindex, ilastindex, iinterval ) {
    document.getElementById(selementname).className = stylename + iindex;
    
    var inewindex = iindex - 1;
    if (iindex > 0 ) {        
        setTimeout('animateframereverse("' + stylename + '", "' + selementname + '", ' + inewindex + ', ' + ilastindex + ', ' +iinterval +' );', iinterval );
    }
    else 
    { 
        iExpanded = 0;
        selementtocollapse = '';
        if (selementtoexpand != '') {
            animateframe( stylename, selementtoexpand, 0, imaxindex, iinterval );
        }
    };
    
    return (false);
};