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\">Max Magazin für Popkultur und Style </p>\n\
            <p>max online und max city guide des Titels aus der Verlagsgruppe Milchstraße (Burda): Layoutumsetzung, HTML/CSS-Producing aller Seiten und Content-Boxen zur Implementation in ein Redaktionssystem (HPS)</p>\n\
            <p><em>im Auftrag der Tomorrow Focus Technologies GmbH</em></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);

    if(way == '24') {
        subGroup = '24';
        document.getElementById("refImg").src = 'pix/referenzen/20_verlage-portale/2400_lro.jpg';
        document.getElementById("no").innerHTML = '11';
    }

    switch (subGroup) {
        case '21':
            text = "<p class=\"strong\">Max Magazin für Popkultur und Style </p>\n\
            <p>max online und max city guide des Titels aus der Verlagsgruppe Milchstraße (Burda): Layoutumsetzung, HTML/CSS-Producing aller Seiten und Content-Boxen zur Implementation in ein Redaktionssystem (HPS)</p>\n\
            <p><em>im Auftrag der Tomorrow Focus Technologies GmbH</em></p>";
            break;
        case '22':
            text = "<p><span class=\"strong\">Motor Presse Stuttgart</span></p>\n\
            <p><em>auto motor und sport, Motor Klassik, sport auto</em></p>\n\
           <p>Layoutumsetzung, HTML-/CSS-Producing aller Seiten und Content-Boxen zur Implementation in ein Redaktionssystem (HPS)</p>\n\
            <p><em>im Auftrag der Tomorrow Focus Technologies GmbH</em></p>";
            break;
        case '23':
            text = "<p class=\"strong\">Zeitbild Verlag GmbH, Berlin/München</p>\n\
            <p><em>„Warum versteht mich keiner?“ </em></p>\n\
            <p>Editorial Design und Satz von Elternmagazin und Lehrerzeitung, Aufklärungsmaterialien zum Thema ADHS</p>\n\
            <p>Download <a href=\"http://www.zeitbild.de/2005/09/16/adhs/\" target=\"_blank\">www.zeitbild.de/2005/09/16/adhs/</a></p>";
             if(subGroupTextChange == 10) text = "<p class=\"strong\">Zeitbild Verlag GmbH, Berlin/München</p>\n\
            <p class=\"strong\"><em>Bundesinitiative Jugend und Ausbildung</em></p>\n\
            <p>Gestaltung und Satz der Sponsoring-Unterlagen für die Aktion des BMWi</p>";
              text1 = text;
              if(subGroupTextChange == 20) text =  "<p class=\"strong\">Zeitbild Verlag GmbH, Berlin/München</p>\n\
            <p class=\"strong\"><em>Klimaschutz-Magazin BMU</em></p>\n\
            <p>Editorial Design, Prototyping zur Neuausschreibung des Klimaschutz-Magazin des Bundesumweltministeriums</p>";
             text2 = text;
            break;
        case '24':
            text = "<p><strong>Lausitzer Rundschau Online</strong><br  />\n\
            Lausitzer VerlagsService GmbH, Cottbus </p>\n\
            <p>Umfassendes Redesign des News-Portales der Tochter der Saarbrückener Zeitung aus der Verlagsgruppe Georg von Holtzbrinck:</p>\n\
            <ul class=\"hyphen\" style=\"margin-top:0\">\n\
            <li>Usability-, Makro- und mikrotypographisches Konzept</li>\n\
            <li>Design aller Seitenvorlagen, Content- und Interaktions-Boxen, Formulare und Sonderlayouts z.B. für Community und Multimedia</li>\n\
            <li>Flash-Anwendungen & HTML-/Ajax Vorab-Dummies</li>\n\
            <li>Qualitätskontrolle</li>\n\
            </ul>\n\
            <p>Download <a href=\"http://www.lr-online.de\" target=\"_blank\">www.lr-online.de</a></p>";
            break;
        case '25':
            text = "<p><span class=\"strong\">Hubert Burda Media / Womens World</span>, Offenburg</p>\n\
            <p>Design, Layout-Umsetzung und HTML-/CSS-Producing für die Aktionsseite <a href=\"http://www.damenwahl2006.de\" target=\"_blank\">www.damenwahl2006.de</a> aller Frauentitel des Verlages. </p>\n\
            <p>Begleitet wurde das Online-Voting von Anzeigen in AMICA, BUNTE, ELLE, FREUNDIN, INSTYLE, LISA und YOUNG sowie den dazugehörigen Online-Medien.</p>";
            break;
        case '26':
            text = "<p><span class=\"strong\">Hubert Burda Media Holding GmbH & Co. KG</span></p>\n\
            <p>Layout-Umsetzung und HTML-/CSS-Producing für die Webseite www.burda.de der Verlagsgruppe</p>\n\
            <p><em>darüber hinaus diverse weitere Online-Produktionen und Teilprojekte für die Verlagshäuser Burda, Springer, Gruner & Jahr etc.</em></p>";
            break;
    }

    setText(text);
}

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