document.getElementById("fw").href="javascript:subGroupSwitch("+bulk+",1)";
document.getElementById("rw").href="javascript:subGroupSwitch("+bulk+",-1)";
document.getElementById("pfw").href="javascript:subGroupSwitch("+bulk+",1)";

var text = "<p><span  class=\"strong\">BEA Electrics GmbH</span>, A-Wien</p>\n\
            <p>Imagepräsentation (PPT) deutsch/english; Konzeption, Design und Satz</p>";

function subGroupSwitch(bulk,way) {
    Swap(bulk,way);

    var subGroup = document.getElementById("refImg").src.substr((document.getElementById("refImg").src.lastIndexOf('/')+1), 2);
    var subGroupTextChange = document.getElementById("refImg").src.substr((document.getElementById("refImg").src.lastIndexOf('/')+3), 2);

    switch (subGroup) {
        case '30':
            text = "<p><span  class=\"strong\">BEA Electrics GmbH</span>, A-Wien</p>\n\
            <p>Imagepräsentation (PPT) deutsch/english; Konzeption, Design und Satz</p>";
            break;
        case '31':
            text = "<p><span class=\"strong\">Bundesverband Tankstellen und Gewerbliche Autowäsche Deutschland e.V.</span>, Minden</p>\n\
            <p>Website</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>technisches Konzept</li>\n\
            <li>Layoutumsetzung, HTML-/CSS-Producing</li>\n\
            <li>Implementierung und Customizing CMS Typo3 mit\n\
                <ul style=\"list-style:none; margin-left:-40px\">\n\
                    <li>Waschstraßen-Datenbank mit detaillierten Suchmasken und google.maps Anbindung</li>\n\
                    <li>Pressesektion mit DAM</li>\n\
                </ul>\n\
            </li>\n\
            </ul>\n\
            <p><a href=\"http://www.autowaschen.de\" target=\"_blank\">www.autowaschen.de</a></p>";
            break;
        case '32':
            text = "<p><span class=\"strong\">cookmax / PENTAGAST eG</span>, Künzell</p>\n\
            <p>Marken-Website des Gastrogroßhandels</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Konzeption und Design</li>\n\
            <li>Screendesign</li>\n\
            <li>Layout-Umsetzung</li>\n\
            <li>Scripting & Programming</li>\n\
            </ul>";
            break;
        case '33':
            text = "<p><span class=\"strong\">DINO-CON Entwicklungs- & Handelsgesellschaft mbH</span>, Fulda</p>\n\
            <p>Unternehmens-Website</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Technisches Konzept</li>\n\
            <li>Layout-Umsetzung, HTML/CSS Template-Producing</li>\n\
            <li>Installation & Customizing Typo3 CMS um div. Features und Mehrsprachigkeit</li>\n\
            <li>Redakteursschulungen</li>\n\
            <li>Redaktion</li>\n\
            <li>Hosting</li>\n\
            </ul>\n\
            <p><a href=\"http://www.dinocon.eu\" target=\"_blank\">www.dinocon.eu</a></p>";
            break;
        case '34':
            text = "<p><span class=\"strong\">educcare Bildungskindertagesstätten gemGmbH</span>, Köln</p>\n\
            <p>mehrsprachige Präsenz mit Standort-Websites (derzeit 9) </p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>techn. Konzeption</li>\n\
            <li>Layoutumsetzung, HTML-/CSS-Producing</li>\n\
            <li>Implementierung & Customizing Typo3 mit\n\
                 <ul style=\"list-style:none; margin-left:-40px\">\n\
                    <li>HR-/Recruitment-Tool</li>\n\
                    <li>dynamischer Pressebereich</li>\n\
                    <li>Multidomains für Standorte; diese werden ebenfalls zentral über Typo3 gepflegt</li>\n\
                </ul>\n\
            </li>\n\
            <li>Redakteursschulungen &amp; Support</li>\n\
            </ul>\n\
            <p><a href=\"http:/www.educcare.de\" target=\"_blank\">www.educcare.de</a></p>";
            break;
        case '35':
            text = "<p><span class=\"strong\">esan energetisch sanieren</span>, Hilders</p>\n\
            <p>Website</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Techn. Konzeption</li>\n\
            <li>Layoutumsetzung in HTML/CSS</li>\n\
            <li>div. Feature </li>\n\
            </ul>\n\
            <p><a href=\"http://www.esan-effizient.de\" target=\"_blank\">www.esan-effizient.de</a></p>";
            break;
        case '37':
            text = "<p><span class=\"strong\">Fotodesign Wolfgang Fallier</span>, Poppenhausen / Wasserkuppe</p>\n\
            <p>Website</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Konzeption und Design</li>\n\
            <li>Implementierung CMS Typo3 und Erweiterung um div. Tools</li>\n\
            <li>Layoutumsetzung in HTML/CSS </li>\n\
            <li>Hosting</li>\n\
            </ul>\n\
            <p><a href=\"http://www.wolfgangfallier.de\" target=\"_blank\">www.wolfgangfallier.de</a></p>";
            break;
        case '38':
            text = "<p><span class=\"strong\">JOB AG</span>, Fulda</p>\n\
            <p>Website / Microsite BARföG</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Layout-Umsetzung</li>\n\
            <li>HTML-/CSS-Producing</li>\n\
            <li>Scripting</li>\n\
            </ul>";
            break;
        case '39':
            text = "<p><span class=\"strong\">JUMO GmbH & Co. KG</span>, Fulda</p>\n\
            <p>Führender Hersteller von Mess- und Regeltechnik</p>\n\
            <p>Umsetzung einer Image- und verschiedener Produktbereichspräsentationen für die interne und externe Unternehmenskommunikation (PPT) inkl. Mitarbeiter-Templates und Animation</p>";
            break;
        case '40':
            text = "<p><span class=\"strong\">Lux Larson PHOTOARTCORE</span></p>\n\
            <p>Website / Microsite BARföG</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Corporate Design, Logo und Wording</li>\n\
            <li>Geschäftsausstattung</li>\n\
            <li>Website\n\
                 <ul style=\"list-style:none; margin-left:-40px\">\n\
                    <li>Konzeption</li>\n\
                    <li>Screendesign</li>\n\
                    <li>Layoutumsetzung in HTML/CSS</li>\n\
                     <li>Erweiterung um div. Tools</li>\n\
                </ul>\n\
            </li>\n\
            </ul>\n\
            <p><a href=\"http://www.luxlarson.com\" target=\"_blank\">www.luxlarson.com</a></p>";
            break;
        case '41':
            text = "<p><span class=\"strong\">MEP-OLBO GmbH</span>, Fulda</p>\n\
            <p>Führender Hersteller von Fäden und Geweben für die Kautschuk-Industrie</p>\n\
            <p>Website</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>techn. Konzeption</li>\n\
            <li>Layoutumsetzung in HTML/CSS</li>\n\
            <li>Multi Languages</li>\n\
            <li>div. Tools</li>\n\
            </ul>\n\
            <p><a href=\"http://www.mep-olbo.de\" target=\"_blank\">www.mep-olbo.de</a></p>";
            break;
        case '42':
            text = "<p><span class=\"strong\">Sir André Previn / IMG Artists LLC</span>, New York</p>\n\
            <p>Official Artist Website des Dirigenten, Komponisten, Musikers und Autors</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Design</li>\n\
            <li>Layoutumsetzung</li>\n\
            <li>Scripting</li>\n\
            <li>Editing/Support</li>\n\
            <li>Hosting</li>\n\
            </ul>\n\
            <p><a href=\"http://www.andre-previn.com\" target=\"_blank\">www.andre-previn.com</a></p>\n\
            <p>Aufnahme in die 500 Designs des internationalen Jahrbuches  »Web Design Index By Content« 2006</p>";
            break;
        case '43':
            text = "<p><span class=\"strong\">RWE Solutions AG</span>, Neu-Isenburg</p>\n\
            <p>Multimedia-CD für Geschäftsbericht:</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Konzeption &amp; Design</li>\n\
            <li>Flash, Scripting, Sound, Installer</li>\n\
            <li>CD-Produktion & Pressung</li>\n\
            </ul>";
            break;
        case '44':
            text = "<p><span class=\"strong\">medicap clinic GmbH</span>, Ulrichstein</p>\n\
            <p>Medizintechnik</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Website</li>\n\
            <li>Konzeption</li>\n\
            <li>Webdesign</li>\n\
            <li>Implementierung CMS</li>\n\
            <li>Layoutumsetzung in HTML/CSS</li>\n\
            </ul>\n\
            <p><a href=\"http://www.medicap.de\" target=\"_blank\">www.medicap.de</a></p>";
            break;
        case '45':
            text = "<p><span class=\"strong\">ELIXIERVIER</span></p>\n\
            <p>Kreativ-Netzwerk, experimentelle Website</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Konzeption</li>\n\
            <li>Webdesign</li>\n\
            <li>3D-Animationen</li>\n\
            <li>Flash</li>\n\
            <li>Layoutumsetzung in HTML/CSS</li>\n\
            </ul>";
            break;
    }

    setText(text);
}

function setText(text) {
    if(typeof(text) != 'undefined') document.getElementById("refText").innerHTML = text;
}