function display_balloon( name, handle ) {
    var item = $( name );
    if ( handle == "out" ) {
      Element.hide( item );
    } else {
      Element.toggle( item );
    }
  }

  function display_balloonimg( event, name, handle, img ) {
    var item = $( name );
     Element.setStyle( item, {
      'background' : 'url('+ img +') no-repeat'
    } );
    if ( handle == "out" ) {
      Element.hide( item );
    } else {
      Element.show( item );
    }
  }

  function display_toggle( main, togglecsv, showcsv, hidecsv, styles ){
    var name = new Array();

    if ( togglecsv != "" ) {
      name = togglecsv.split(',');
      for ( var i = 0; i < name.length; i++ ) {
        if ( main != "" ) {
          var item = $( main + name[i] );
        } else {
          var item = $( name[i] );
        }
        Element.toggle( item );
      }
    }

    if ( showcsv != "" ) {
      name = showcsv.split(',');
      for ( var i = 0; i < name.length; i++ ) {
        if ( main != "") {
          var item = $( main + name[i] );
        } else {
          var item = $( name[i] );
        }
        Element.show( item );
      }
    }

    if ( hidecsv != "" ) {
      name = hidecsv.split(',');
      for ( var i = 0; i < name.length; i++ ) {
        if ( main != "" ) {
          var item = $( main + name[i] );
        } else {
          var item = $( name[i] );
        }
        Element.hide( item );
      }
    }

   if( styles != "" ){
     var s = styles.split(',');
     addclass( s[0], s[1], Element.visible( $( s[2] ) ) );
   }
  }

  function addclass( names, css, bool ){
    if ( bool == true ) {
      Element.addClassName( $( names ), css )
    }
    else {
      Element.removeClassName( $( names ), css)
    }
  }