function showDropdown( elem, elem_name ) {
    if( !elem_name ) { return; }
    var names = [ 'container1', 'container2', 'container3', 'container4', 'container5', 'container6', 'container7', 'container8', 'container9', 'container10' ];
    names = jQuery.grep( names, function(name,ndx){ if( jQuery('#'+name).get(0) ) return true; return false; } );
    var keyEventName = 'keydown.dropdownTeam';

    var needShow = true;
    // hide opened
    for( var i = 0, l = names.length; i < l; i++ ) {
      var name = names[i];
      if( jQuery( '#' + name + ':visible' ).get(0) ) {
        $('.'+name+'-control').hide();
        $('.'+name+'-control').css( 'z-index', 0 );
        $('.'+name+'-control').show();
        $('#'+name).hide();
        $('#'+name+"-iframe").css({width:0,height:0});
        $(document).unbind(keyEventName);
        if( name == elem_name ) needShow = false;
      }
    }

    if( needShow ) {
      // show requested
      for( var i = 0, l = names.length; i < l; i++ ) {
        var name = names[i];
        if( name == elem_name && jQuery( '#' + name + ':hidden' ).get(0) ) {
          $('.'+name+'-control').hide();
          $('.'+name+'-control').css( 'z-index', 102 );
          $('.'+name+'-control').show();
          $('#'+name).show();
          $('#'+name).css('top', $('#'+name).offset().top - ( $('#'+name).find('.'+name+'-space').offset().top - $(elem).offset().top ) - 10 );
          $('#'+name).css('left', $('#'+name).offset().left - ( $('#'+name).find('.'+name+'-space').offset().left - $(elem).offset().left ) );
          $('#'+name+"-iframe").width( $('#'+name).width() );
          $('#'+name+"-iframe").height( $('#'+name).height() );
          var prevNdx = ( i == 0 ) ? names.length - 1 : i - 1;
          var nextNdx = ( i == ( l - 1 ) ) ? 0 : i + 1;
          var prevName = names[prevNdx];
          var nextName = names[nextNdx];
          var prevElem = jQuery( '.'+prevName+'-control' ).get(0);
          var nextElem = jQuery( '.'+nextName+'-control' ).get(0);
          var currName = name;
          var currElem = jQuery( '.'+currName+'-control' ).get(0);
          $(document).bind(keyEventName,
            function(currName,currElem,prevName,prevElem,nextName,nextElem){
              return function(e){
                switch(e.which){
                  case 27:
                    showDropdown(currElem,currName);
                    break;
                  case 37:
                    showDropdown(prevElem,prevName);
                    break;
                  case 39:
                    showDropdown(nextElem,nextName);
                    break;
                }
              };
            }(currName,currElem,prevName,prevElem,nextName,nextElem)
          );
        }
      }
    }
  }