Untitled

<div id="groups" style="padding: 5px;">  <div style="cursor: pointer; font-weight: bold;" onclick="toggle_display(document.getElementById('gruppen'));"><img alt="Gruppen" src="/images/gruppen.png" /> Gruppen</div>  <div id="gruppen" style="display: block;">    <div id="group_trigger_TeamTwo">      <div id="group_TeamTwo" style="text-indent: 20px; cursor: pointer;" onclick="toggle_display(document.getElementById('TeamTwo'));"><img alt="TeamTwo" src="/images/gruppen_aktiv.png" /> TeamTwo (5)</div>      <div id="TeamTwo" style="display: block;">        <div class="contact" id="TeamTwo_1" name="Anaconda" style="text-indent: 40px;"><img alt="m&auml;nnlich" src="/images/kontakte_male.png" /> Anaconda (22)</div>        <div class="contact" id="TeamTwo_2" name="EverythingButNothing" style="text-indent: 40px; color: grey;"><img alt="m&auml;nnlich" src="/images/kontakte_male.png" /> EverythingButNothing (22)</div>        <div class="contact" id="TeamTwo_3" name="TommyJohn" style="text-indent: 40px; color: grey;"><img alt="m&auml;nnlich" src="/images/kontakte_male.png" /> TommyJohn (22)</div>        <div class="contact" id="TeamTwo_4" name="April29" style="text-indent: 40px;"><img alt="m&auml;nnlich" src="/images/kontakte_female.png" /> April29 (22)</div>        <div class="contact" id="TeamTwo_5" name="BrightEyes" style="text-indent: 40px;"><img alt="m&auml;nnlich" src="/images/kontakte_female.png" /> BrightEyes (22)</div>      </div>      <script type="text/javascript">      //<![CDATA[        Droppables.add('group_trigger_TeamTwo', {accept:'contact', onDrop:function(element){new Ajax.Updater('groups', '/cart/addContact/group_id/TeamTwo', {asynchronous:true, evalScripts:true, onComplete:function(request, json){Element.hide('indicator')}, onLoading:function(request, json){Element.show('indicator')}, parameters:'id=' + encodeURIComponent(element.id)})}})        //]]>      </script>    </div>    <div id="group_trigger_GangOfFour">      <div id="group_GangOfFour" style="text-indent: 20px; cursor: pointer;" onclick="toggle_display(document.getElementById('GangOfFour'));"><img alt="TeamTwo" src="/images/gruppen_aktiv.png" /> GangOfFour (2)</div>      <div id="GangOfFour" style="display: block;">        <div class="contact" id="GangOfFour_3" name="TommyJohn" style="text-indent: 40px; color: grey;"><img alt="m&auml;nnlich" src="/images/kontakte_male.png" /> TommyJohn (22)</div>        <div class="contact" id="GangOfFour_4" name="April29" style="text-indent: 40px;"><img alt="m&auml;nnlich" src="/images/kontakte_female.png" /> April29 (22)</div>      </div>      <script type="text/javascript">      //<![CDATA[        Droppables.add('group_trigger_GangOfFour', {accept:'contact', onDrop:function(element){new Ajax.Updater('groups', '/cart/addContact/group_id/GangOfFour', {asynchronous:true, evalScripts:true, onComplete:function(request, json){Element.hide('indicator')}, onLoading:function(request, json){Element.show('indicator')}, parameters:'id=' + encodeURIComponent(element.id)})}})      //]]>      </script>    </div>    <div id="group_trigger_MyGroup">      <div id="group_MyGroup" style="text-indent: 20px; cursor: pointer;" onclick="toggle_display(document.getElementById('MyGroup'));"><img alt="TeamTwo" src="/images/gruppen_aktiv.png" /> MyGroup (1)</div>      <div id="MyGroup" style="display: block;">        <div class="contact" id="MyGroup_5" name="BrightEyes" style="text-indent: 40px;"><img alt="m&auml;nnlich" src="/images/kontakte_female.png" /> BrightEyes (22)</div>      </div>        <script type="text/javascript">      //<![CDATA[        Droppables.add('group_trigger_MyGroup', {accept:'contact', onDrop:function(element){new Ajax.Updater('groups', '/cart/addContact/group_id/MyGroup', {asynchronous:true, evalScripts:true, onComplete:function(request, json){Element.hide('indicator')}, onLoading:function(request, json){Element.show('indicator')}, parameters:'id=' + encodeURIComponent(element.id)})}})      //]]>      </script>    </div>  </div></div>