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 class=\"strong\">Steinbeis Papier Glückstadt GmbH & Co. KG</p>\n\
            <p><strong>Broschüre</strong> zur Unternehmenspräsentation B2B, Messen</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Design</li>\n\
            <li>Artbuying und Fotografie</li>\n\
            <li>Bildretuschen &amp; Reinzeichnung</li>\n\
            <li>Druckabwicklung</li>\n\
            </ul>\n\
            <p><a href=\"javascript:subGroupSwitch("+bulk+",1)\">mehr [+]</a></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 '10':
            text = "<p class=\"strong\">Steinbeis Papier Glückstadt GmbH & Co. KG</p>\n\
            <p><strong>Broschüre</strong> zur Unternehmenspräsentation B2B, Messen</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Design</li>\n\
            <li>Artbuying und Fotografie</li>\n\
            <li>Bildretuschen &amp; Reinzeichnung</li>\n\
            <li>Druckabwicklung</li>\n\
            </ul>\n\
            <p><a href=\"javascript:subGroupSwitch("+bulk+",1)\">mehr [+]</a></p>";
            if(subGroupTextChange > 0) text = "<p class=\"strong\">Steinbeis Papier Glückstadt GmbH & Co. KG</p>\n\
            <p><strong>Website</strong> des in Europa marktführenden Herstellers von grafischen Recyclingpapieren</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Struktur-, Design- und Usability-Konzept</li>\n\
            <li>Screendesign und Artbuying</li>\n\
            <li>Umsetzung in CMS Typo3 (customized, zweisprachig)</li>\n\
            <li>Flash</li>\n\
            <li>SEO / Suchmaschinenoptimierung</li>\n\
            <li>Redakteursschulungen</li>\n\
            <li>Support &amp; Updates</li>\n\
            <li>Hosting</li>\n\
            </ul>\n\
            <p><a href=\"http://www.stp.de \" target=\"_blank\">www.stp.de </a> / <a href=\"http://www.stp.co.uk \" target=\"_blank\">www.stp.co.uk </a></p>\n\
            <p><a href=\"javascript:subGroupSwitch("+bulk+",-1)\">◄ zurück</a></p>";
            break;
        case '24':
            text = "<p><span class=\"strong\">Mammut Sports Group GmbH</span>, Memmingen</p>\n\
            <p>Konzeption, Design, Umsetzung und Druckabwicklung von </p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>diverse Werbematerialien</li>\n\
            <li>interne Vertriebsunterlagen</li>\n\
            <li>Anzeigen in Special Interest Titeln</li>\n\
            <li>POS-Ausstattungen</li>\n\
            <li>Produktanhänger <br />z.B. für</li>\n\
            <li>„Zufriedenheitsgarantie“, Kampagne in Zeitschriften und am POS für die Marken Mammut und Raichle</li>\n\
            <li>Safety Days (Winter Mammut, Sommer Raichle)</li>\n\
            </ul>";
            break;
        case '31':
            text = "<p class=\"strong\">CSU Kreisverband Kempten-Oberallgäu</p>\n\
            <p>Konzeption, Etat-Kalkulation, Redaktion/Wording, Gestaltung und Druckabwicklung diverser Materialien für OB-, Stadtrats-, Bezirks- und Landtagswahlkämpfe. Unsere Leistungen u.a.:</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Entwicklung Kampagnen-Motive / Key Visuals</li>\n\
            <li>Slogan- und Kandidatenplakate</li>\n\
            <li>Briefpapiere</li>\n\
            <li>Kandidaten-Visitenkarten</li>\n\
            <li>Faltblätter und Broschüren</li>\n\
            <li>Anzeigen in Tages- und Wochenpresse, Testimonials</li>\n\
            <li>Giveaways</li>\n\
            <li>Aufkleber</li>\n\
            <li>kleines Redesign und Pflege Website</li>\n\
            </ul>\n\
            <p><a href=\"http://csu-kempten.de\" target=\"_blank\">csu-kempten.de</a></p>";
            break;
        case '36':
            text = "<p class=\"strong\">IHK / Industrie- und Handelskammer Fulda</p>\n\
            <p>Mitarbeit an verschiedenen Titeln für das IHK Magazin</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Konzeption</li>\n\
            <li>Fotografie</li>\n\
            </ul>";
            break;
        case '39':
            text = "<p class=\"strong\">Quartier 108</p>\n\
            <p>Namensfindung und Außenwerbung für das letzte zur Bebauung freistehende Filetstück in der Innenstadt Kemptens auf dem ehemaligen Brauhaus-Areal </p>\n\
            <p>Auftraggeber: Recommerz Grundbesitzgesellschaft mbH, Höchstädt</p>";
            break;
        case '40':
            text = "<p><span class=\"strong\">MHM – Massiv-Holz-Mauer Entwicklungs GmbH</span>, Pfronten</p>\n\
            <p>Entwicklungs- und Vertriebsgesellschaft eines Holzbausystems für Wohn- und Gewerbebauten</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Weiterentwicklung Corporate Design</li>\n\
            <li>Kampagne „Stein ist Geschichte – Holz ist Zukunft“ (div. Motive)\n\
                <ul style=\"list-style:none; margin-left:-40px\">\n\
                    <li>inhaltliches und visuelles Konzept</li>\n\
                    <li>Artbuying</li>\n\
                    <li>Anzeigen in Fachzeitschriften, Gestaltung &amp; Media</li>\n\
                    <li>Plakate für Messen / Fachpublikum</li>\n\
                </ul>\n\
            </li>\n\
         </ul>\n\
        <p><a href=\"javascript:subGroupSwitch("+bulk+",1)\">mehr [+]</a></p>";
            if(subGroupTextChange > 0) text = "<p><span class=\"strong\">MHM – Massiv-Holz-Mauer Entwicklungs GmbH</span>, Pfronten</p>\n\
            <p>Entwicklungs- und Vertriebsgesellschaft eines Holzbausystems für Wohn- und Gewerbebauten</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Public Relations / Presseartikel</li>\n\
            <li>Sponsoring- und Eventkonzept</li>\n\
            <li>Gewinnspiel-Flyer</li>\n\
            <li>Website auf CMS Typo 3</li>\n\
         </ul>\n\
         <p><a href=\"javascript:subGroupSwitch("+bulk+",-1)\">◄ zurück</a></p>";
            break;
        case '43':
            text = "<p><span class=\"strong\">Agenda 21 / AK Familienfreundliches Kempten</span></p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Familienführer Kempten\n\
                <ul style=\"list-style:none; margin-left:-40px\">\n\
                    <li>Gestaltung des Gesamtverzeichnisses sozialer Einrichtungen in Kempten</li>\n\
                    <li>Database-Publishing und Seitenumbruch</li>\n\
                    <li>Druckabwicklung</li>\n\
                </ul>\n\
            </li>\n\
            <li>Infoflyer, Aufkleber und Outdoor-Banner</li>\n\
            <li>Website \n\
                <ul style=\"list-style:none; margin-left:-40px\">\n\
                    <li>Übernahme und Anpassung bestehendes CMS Mambo</li>\n\
                    <li>Hosting</li>\n\
                </ul>\n\
            <li>Infoflyer „Zukunftswerksatt Kempten“: Gestaltung, Satz & Druckabwicklung</li>\n\
            </ul>";
            break;
        case '44':
            text = "<p><span class=\"strong\">vision-consult Bildverarbeitung GmbH</span>, Bad-Lippspringe</p>\n\
            <p>Systemhaus für industrielle Bildverarbeitung</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Corporate Design</li>\n\
            <li>Geschäftsausstattung</li>\n\
            <li>Website \n\
            <li>Beschilderung</li>\n\
            <li>Website \n\
                <ul style=\"list-style:none; margin-left:-40px\">\n\
                    <li>Konzeption</li>\n\
                    <li>Webdesign</li>\n\
                    <li>Layoutumsetzung in HTML/CSS</li>\n\
                    <li>div. Tools</li>\n\
                </ul>\n\
           </li>\n\
            </ul>\n\
            <p><a href=\"http://www.vision-consult.com\" target=\"_blank\">www.vision-consult.com</a></p>";
            text1 = "Text1";
            text2 = "Text2";
            break;
        case '45':
            text = "<p><span class=\"strong\">Freunde der Altstadt Kemptens e.V.</span></p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li><em>Der Altstadtbrief :</em> Neugestaltung, Satz & Druckabwicklung</li>\n\
            <li>Website: Gestaltung, Umsetzung auf WordPress, Redaktion, Hosting und Redakteursschulung</li>\n\
            </ul>\n\
            <p><a href=\"http:/www.altstadtfreunde-kempten.de\" target=\"_blank\">www.altstadtfreunde-kempten.de</a></p>";
            break;
        case '46':
            text = "<p><span class=\"strong\">doorout.com GmbH & Co. KG</span>, Fulda</p>\n\
            <p>Outdoorhandel</p>\n\
            <p>Umsetzung von Flyer- und Mailingaktionen</p>";
            break;
        case '48':
            text = "<p><span class=\"strong\">Kinderhaus Christopherus</span>, Durach</p>\n\
            <p>Konzeption, Gestaltung, Satz, Bildretusche und Print-Abwicklung einer Imagebroschüre</p>";
            break;
        case '50':
            text = "<p><span class=\"strong\">Bezirkskrankenhaus Kempten</span></p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Info- und Veranstaltungsbroschüren\n\
                <ul style=\"list-style:none; margin-left:-40px\">\n\
                    <li>Gestaltung</li>\n\
                    <li>Satz & Print-Abwicklung</li>\n\
                </ul>\n\
           </li>\n\
            <li>Website auf CMS Typo3\n\
                            <ul style=\"list-style:none; margin-left:-40px\">\n\
                    <li>Gestaltung</li>\n\
                    <li>Produktion</li>\n\
                    <li>Redakteursschulung</li>\n\
                    <li>Hosting</li>\n\
                </ul>\n\
            </li>\n\
            </ul>";
            break;
        case '51':
            text = "<p><span class=\"strong\">Wirtshaus Valentin</span>, Kempten</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Weiterentwicklung Corporate Design</li>\n\
            <li>Fotografie</li>\n\
            <li>Gestaltung, Satz und Druckabwicklung von\n\
                <ul style=\"list-style:none; margin-left:-40px\">\n\
                    <li>Speise- und Getränkekarte</li>\n\
                    <li>Programmflyer</li>\n\
                    <li>Image- und Veranstaltungsplakate</li>\n\
                    <li>Anzeigen</li>\n\
                </ul>\n\
           </li>\n\
            <li>Website\n\
                 <ul style=\"list-style:none; margin-left:-40px\">\n\
                    <li>Gestaltung, Programmierung Terminkalender-Pflege</li>\n\
                    <li>Hosting</li>\n\
                </ul>\n\
            </li>\n\
            </ul>";
            break;
        case '52':
            text = "<p><span class=\"strong\">triobar</span>, Kempten</p>\n\
            <p>Konzeption, Gestaltung und Umsetzung diverser Flyer, Plakate und Zeitungsanzeigen</p>";
            break;
        case '54':
            text = "<p><span class=\"strong\">Felsenbad Jungholz</span></p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Logoentwicklung</li>\n\
            <li>Gestaltung Outdoor-Displays</li>\n\
            </ul>";
            break;
        case '57':
            text = "<p><span class=\"strong\">merkle kulturkonzepte</span>, Dietmannsried</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Weiterentwicklung Corporate Design</li>\n\
            <li>Gestaltung, Satz und Druckabwicklung von\n\
                 <ul style=\"list-style:none; margin-left:-40px\">\n\
                    <li>Geschäftsausstattung</li>\n\
                    <li>Mailing-Folder inkl. CD</li>\n\
                    <li>Website auf Typo3 inkl. Hosting</li>\n\
                </ul>\n\
            </li>\n\
            </ul>";
            break;
    }

    setText(text);
}

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