function getliten(num) {
    var liten = 'nothing';
    switch (num) {
      case 101: liten = 'Bilder/presentation/liten_presentation.jpg';        break;
      case 102: liten = 'Bilder/slottstr/liten.slottstr.jpg';                break;
      case 103: liten = 'Bilder/doglife/liten_doglife.gif';                  break;
      case 104: liten = 'Bilder/superduper/liten.superduper.jpg';            break;
      case 105: liten = 'Bilder/summerinthecity/liten.Malmostadkampanj.jpg'; break;
      case 106: liten = 'Bilder/optimera/liten_optimera.gif';                break;
      case 107: liten = 'Bilder/gleerups/liten.gleerups.gif';                break;
      case 108: liten = 'Bilder/forma/liten.forma.gif';                      break;
      case 109: liten = 'Bilder/kakao/liten.kakao.gif';                      break;
      case 110: liten = 'Bilder/tidn/liten.tidn.jpg';                        break;
      case 111: liten = 'Bilder/kampanj/liten_kampanj.jpg';                  break;
      case 112: liten = 'Bilder/etiketter/liten_etiketter.gif';              break;
      case 113: liten = 'nothing';                                           break;

      case 201: liten = 'Bilder/collage/liten_collage.gif';                  break;
      case 202: liten = 'Bilder/humor/liten_humor.jpg';                      break;
      case 203: liten = 'Bilder/vektorfarg/liten.vektor.farg.gif';           break;
      case 204: liten = 'Bilder/vektorsvartvit/liten_sv_vit_vektor.gif';     break;
      case 205: liten = 'Bilder/monsterdesign/liten_monster.jpg';            break;
      case 206: liten = 'Bilder/frihand/liten_frihand.jpg';                  break;
      case 207: liten = 'Bilder/expressen/liten_expressen.jpg';              break;
      case 208: liten = 'Bilder/beckmans/liten_beckmans.jpg';                break;
      case 209: liten = 'nothing';                                           break;
      case 210: liten = 'nothing';                                           break;
      case 211: liten = 'nothing';                                           break;
      case 212: liten = 'nothing';                                           break;
      case 213: liten = 'nothing';                                           break;
    }
    return liten;
}


function getmellan(num) {
    var mellan = 'nothing';
    switch (num) {
      case 101: mellan = 'Bilder/presentation/mellan_presentation.jpg';        break;
      case 102: mellan = 'Bilder/slottstr/mellan.slottstr.jpg';                break;
      case 103: mellan = 'Bilder/doglife/mellan_doglife.jpg';                  break;
      case 104: mellan = 'Bilder/superduper/mellan.superduper.jpg';            break;
      case 105: mellan = 'Bilder/summerinthecity/mellan.malmostadkampanj.jpg'; break;
      case 106: mellan = 'Bilder/optimera/mellan_optimera.gif';                break;
      case 107: mellan = 'Bilder/gleerups/mellan.gleerups.png';                break;
      case 108: mellan = 'Bilder/forma/mellan.forma.jpg';                      break;
      case 109: mellan = 'Bilder/kakao/mellan.kakao.jpg';                      break;
      case 110: mellan = 'Bilder/tidn/mellan.tidn.jpg';                        break;
      case 111: mellan = 'Bilder/kampanj/mellan_kampanj.jpg';                  break;
      case 112: mellan = 'Bilder/etiketter/mellan_etiketter.gif';              break;    
      case 113: mellan = 'nothing';                                            break;

      case 201: mellan = 'Bilder/collage/mellan_collage.gif';                  break;
      case 202: mellan = 'Bilder/humor/mellan_humor.jpg';                      break;
      case 203: mellan = 'Bilder/vektorfarg/mellan.vektor.farg.gif';           break;
      case 204: mellan = 'Bilder/vektorsvartvit/mellan_sv_vit_vektor.gif';     break;
      case 205: mellan = 'Bilder/monsterdesign/mellan_monster.png';            break;
      case 206: mellan = 'Bilder/frihand/mellan_frihand.jpg';                  break;
      case 207: mellan = 'Bilder/expressen/mellan_expressen.jpg';              break;
      case 208: mellan = 'Bilder/beckmans/mellan_beckmans.jpg';                break;
      case 209: mellan = 'nothing';                                            break;
      case 210: mellan = 'nothing';                                            break;
      case 211: mellan = 'nothing';                                            break;
      case 212: mellan = 'nothing';                                            break;
      case 213: mellan = 'nothing';                                            break;
    }
    return mellan;
}


function addPopupContent() {
    if (sidnummer == 101) {
      document.write('<p align="center"><b>CV, Malin Norlander</b><br>Art director, grafisk formgivare, illustratör <br>med stor passion för att skriva.<br><br>Verksam i egna firman Pupill Kommunikation,<br>marknadsföring, information, grafisk design<br> och illustration.<br><br>Född 1964 i Stockholm.<br>Nu boende i Malmö med sambo<br>och två närapå utflugna barn.<br><br><br><br><b>Nystartat sidoprojekt</b><br>Pupill förlag, digital utgivning av text  och bild.<br><br><br><br><b>Utbildningar</b><br>1984-1987 Beckmans skola, Sthlm<br><br>Enstaka kurser i marknadsföring,<br>programvara för den grafiska branschen,<br>skrivande, digital bild, måleri, illustration etc.<br><br>2008-2010 Författarskolan vid Lunds universitet<br>(120 p i litterärt skrivande)<br><br>fr o m hösten 2010<br>Skrivpedagogutbildningen vid Skurups folkhögskola.<br><br><br><br><b>Anställningar</b><br>Expressen, tidningstecknare 88-89<br>Frilans och småbarnsmamma, 89-94<br>Skandinavisk Press, layout, Ad, 94-96<br>Tidningen Hennes, Layout och Ad, 96-2001<br>Nordengren ett, reklambyrå, 2001-2005<br>SDS, annonsavdelningen, 2006<br>Pupill Kommunikation 2006-<br><br><br><br><b>Uppdragsgivare</b><br>Optimera byggvaruhuskedja, <br>Malmö Stad,<br>Forma Groups,<br> Liber förlag, <br>Kakao bokförlag,<br> Giv Akt,<br>Tidningen Journalisten,<br>Iceva, <br>Gleerups läromedelsförlag,<br>Sydsvenskan,<br>m fl.<br><br><br><br><b>Samarbetspartners</b><br>Michael Ekbladh, animatör, sluggerfilm.com<br>Johanna Blomberg, grafisk formgivare, www.layouten.se<br>Nick Hoggard, webbutvecklare<br>m fl.</p> ');
      document.write('<IMG SRC="Bilder/presentation/stor_presentation.jpg" width="800"> '); 



    } else if (sidnummer == 102) {
      document.write('<p align="center">Slottsträdgården.<br>Kartor, illustrationer, folder, vykort, skyltar, logotyp.<br>Kund: Malmö Stad, Gatukontoret.<br><br><br>Samt diverse andra trycksaker med parktema.</p> ');
      document.write('<IMG SRC="Bilder/slottstr/STOR.slottstr.jpg" width="800"> '); 



    } else if (sidnummer == 103) {
      document.write('<p align="center">Hundtidningen Doglife, eget projekt, för skojs skull ;)</p> ');
      document.write('<IMG SRC="Bilder/doglife/stor_doglife.jpg" width="800"> '); 



    } else if (sidnummer == 104) {
      document.write('<p align="center">Superdupersommar i Malmö Folkets Park.<br>Kund: Malmö Stad, Gatukontoret.<br>Illustration, logotyp, kalenderfolder, vykort, annonser, T-shirt tryck, affischer mm.</p> ');
      document.write('<IMG SRC="Bilder/superduper/stor.superduper.jpg" width="800"> '); 
      addAnimation('Bilder/superduper/superduper 05.swf', '600', '200');


    } else if (sidnummer == 105) {
      document.write('<p align="center">Diverse skisser och färdiga kampanjer för Malmö Stad.</p> ');
      document.write('<IMG SRC="Bilder/summerinthecity/stor.malmostadkampanj.jpg" width="800"> '); 



    } else if (sidnummer == 106) {
      document.write('<p align="center">Optimera Byggvarukedja (ca 30 varuhus).<br>Löpande produktion av DR, annonser, foldrar etc.</p> ');
      document.write('<IMG SRC="Bilder/optimera/STOR_optimera.jpg" width="800"> '); 
      addAnimation('Bilder/optimera_profil_01.swf', '600', '200');
      document.write('<br>  ');



    } else if (sidnummer == 107) {
      document.write('<p align="center">Gleerups läromedel<br>Illustration och formgivning</p> ');
      document.write('<IMG SRC="Bilder/gleerups/stor.gleerups.jpg" width="800"> '); 



    } else if (sidnummer == 108) {
      document.write('<p align="center">Omslag och inlagor, design och illustration.<br>Kund: Forma Books/Ica bokförlag.</p> ');
      document.write('<IMG SRC="Bilder/forma/stor.forma.jpg" width="800"> '); 



    } else if (sidnummer == 109) {
      document.write('<p align="center">Kakao bokförlag<br>Formgivning och illustration</p> ');
      document.write('<IMG SRC="Bilder/kakao/stor.kakao.jpg" width="800"> '); 



    } else if (sidnummer == 110) {
      document.write('<p align="center">Tidningsformgivning.<br>Olika uppdragsgivare.</p> ');
      document.write('<IMG SRC="Bilder/tidn/stor.tidn.jpg" width="800"> '); 



    } else if (sidnummer == 111) {
      document.write('<p align="center">Diverse kampanjer.</p> ');
      document.write('<IMG SRC="Bilder/kampanj/stor_kampanj.jpg" width="800"> '); 
      addAnimation('Bilder/safari test 01.swf', '580', '400');



    } else if (sidnummer == 112) {
      document.write('<p align="center">&nbsp;</p> ');
      document.write('<IMG SRC="Bilder/etiketter/stor_etiketter.jpg" width="800"> '); 



    } else if (sidnummer == 113) {
      document.write('<p align="center">&nbsp;</p> ');



    } else if (sidnummer == 201) {
      document.write('<p align="center">Collageteknik.</p> ');
      document.write('<IMG SRC="Bilder/collage/stor_collage.jpg" width="800"> '); 



    } else if (sidnummer == 202) {
      document.write('<p align="center">Serier och satir.</p> ');
      document.write('<IMG SRC="Bilder/humor/STOR_humor.jpg" width="800"> '); 



    } else if (sidnummer == 203) {
      document.write('<p align="center">Diverse illustrationer skapade i Illustrator.</p> ');
      document.write('<IMG SRC="Bilder/vektorfarg/stor.vektor.farg.jpg" width="800"> '); 



    } else if (sidnummer == 204) {
      document.write('<p align="center">Diverse illustrationer skapade i Illustrator.</p> ');
      document.write('<IMG SRC="Bilder/vektorsvartvit/stor_sv_vit_vektor.jpg" width="800"> '); 



    } else if (sidnummer == 205) {
      document.write('<p align="center">Mönsterdesign.</p> ');
      document.write('<IMG SRC="Bilder/monsterdesign/stor_monster.jpg" width="800"> '); 



    } else if (sidnummer == 206) {
      document.write('<p align="center">Frihandsillustrationer.</p> ');
      document.write('<IMG SRC="Bilder/frihand/stor_Illustration_frihand.jpg" width="800"> '); 




    } else if (sidnummer == 207) {
      document.write('<p align="center">Nostalgi från sent 80-tal,<br>Expressen.</p> ');
      document.write('<IMG SRC="Bilder/expressen/stor_Illustration_expressen.jpg" width="800"> '); 




    } else if (sidnummer == 208) {
      document.write('<p align="center">Nostalgi från tidigt 80-tal,<br>Beckmans.</p> ');
      document.write('<IMG SRC="Bilder/beckmans/stor_beckmans.jpg" width="800"> '); 




    } else if (sidnummer == 209) {
      document.write('<p align="center">&nbsp;</p> ');



    } else if (sidnummer == 210) {
      document.write('<p align="center">&nbsp;</p> ');



    } else if (sidnummer == 211) {
      document.write('<p align="center">&nbsp;</p> ');



    } else if (sidnummer == 212) {
      document.write('<p align="center">&nbsp;</p> ');



    } else if (sidnummer == 213) {
      document.write('<p align="center">&nbsp;</p> ');



    }
}

