function showpic(PictureName) {
            document.getElementById("VersionPicture").src="./images/" + PictureName;
            
            switch (PictureName) {
                case "version01.png":
                    document.getElementById("VersionComment").innerHTML="Orginalet. Jag ville f&aring; till en k&auml;nsla av nyt&auml;nkande och interaktion med bes&ouml;karen. Jag ville att bes&ouml;karen skulle bli nyfiken p&aring; vilken information som kunde d&ouml;lja sig bakom varje rubrik, samtidigt som sj&auml;lva rubrikerna skulle k&auml;nnas sj&auml;lvklara. Denna sida var ett popup-f&ouml;nster och byggdes fr&aring;n b&ouml;rjan helt i HTML, CSS och Javascript (allts&aring; &auml;ven dagboken, vilket gjorde uppdateringarna till ett jobb i sig). Senare adderades en CGI-baserad g&auml;stbok som efter ungef&auml;r ett halv&aring;r byttes ut mot en databasdriven php-variant, ungef&auml;r samtidigt som dagboken."
                    break
                case "version1.png":
                    document.getElementById("VersionComment").innerHTML="F&ouml;rsta remaken. Jag hade tr&ouml;ttnat lite p&aring; att inte ha all information p&aring; f&ouml;rstasidan. Fr&aring;n b&ouml;rjan fanns bara den stora huvudrutan, men ganska snart lades de sm&aring; l&aring;dorna med snabb kortinfo till. M&aring;nga f&auml;rgkombinationer fanns under dess livstid f&ouml;rutom beige/m&ouml;rkbl&aring;: den gr&aring;/gr&aring; fr&aring;n version 0.1; ljusbl&aring;/bl&aring;; svart/ljusgr&ouml;n (kanske inte den b&auml;sta s&aring; h&auml;r i efterhand); svart/m&ouml;rkr&ouml;d och m&ouml;rkgr&aring;/orange. I november 2004 kom m&ouml;jligheten att kommentera dagboksinl&auml;ggen direkt, och g&auml;stboken b&ouml;rjade s&aring; sakteliga f&ouml;rlora sin roll."
                    break
                case "version2.png":
                    document.getElementById("VersionComment").innerHTML="Andra remaken. Hela arbetet gjordes f&ouml;r att matcha det nya dom&auml;nnamnet carnilon.se. Nu var det dags att t&auml;nka annorlunda. Bort med all information om mig, dig och andra och fokusera p&aring; sj&auml;lva dagboksdelen. G&auml;stboken fick s&aring;ledes ocks&aring; stryka p&aring; foten. M&ouml;jligheten till att l&auml;gga upp bilder i dagboken lades till och tillf&ouml;rde ett nytt v&auml;rde b&aring;de f&ouml;r mig och f&ouml;r bes&ouml;karna. F&auml;rgvalet var enkelt, orange var en liten favorit just d&aring; och valdes d&auml;rf&ouml;r som huvudf&auml;rg i designen. Det var ocks&aring; min f&ouml;rsta design d&auml;r jag faktiskt skrev allt fr&aring;n b&ouml;rjan med inst&auml;llningen att den skulle passera w3c-validering b&aring;de f&ouml;r HTML och CSS. Det mesta var nu php-kod och n&auml;stan all information h&auml;mtades fr&aring;n databasen. Det fanns &auml;ven en slimmad version f&ouml;r mobiltelefoner och PDA:er."
                    break
                case "version25.png":
                    document.getElementById("VersionComment").innerHTML="Omstylad. Jag ville softa till sidan lite, g&ouml;ra den mjukare och glansigare. Lite &aring;t Web 2.0-h&aring;llet om man s&aring; vill. Ett j&auml;kla pillande i bildhanteringsprogrammet innan jag fick till det som jag ville. Jag vet inte hur v&auml;l det mottogs, men jag var n&ouml;jd ett bra tag. Den lilla m&aring;nads&ouml;versikten s&aring;g ocks&aring; dagens ljus i den h&auml;r versionen. Endast sm&aring; justeringar gjordes under den tid som designen fick leva kvar."
                    break
                case "version3.png":
                    document.getElementById("VersionComment").innerHTML="More is more. Jag fnulade p&aring; den h&auml;r ganska l&auml;nge, men kom liksom aldrig till avslut. Dels pajade allt om man bytte storleken p&aring; typsnittet i webbl&auml;saren - en konsekvens av att jag baserade layouten p&aring; bilder - och dels k&auml;nde jag aldrig riktigt att jag kunde st&aring; f&ouml;r designen. Jag byggde allt p&aring; id&eacute;n om sm&aring; ikoner som komplement till rubrikerna och lade alltf&ouml;r stort fokus p&aring; att rita kul ikoner ist&auml;llet f&ouml;r att skriva bra kod. Jag tr&ouml;star mig med att ikonerna blev r&auml;tt lyckade. N&auml;r jag hade nystat in mig f&ouml;r djupt lade jag ner det hela och b&ouml;rjade skriva version 4 ist&auml;llet."
                    break
                case "version4.png":
                    document.getElementById("VersionComment").innerHTML="Nuvarande. Med f&ouml;rnyad kraft efter misslyckandet med version 3 ville jag hitta en balans, b&aring;de i f&auml;rger och i funktioner. M&aring;nga av de id&eacute;er som kom fram till version 3 kunde jag nu l&auml;gga energi p&aring; att utveckla och f&aring; att fungera. Jag satsade p&aring; att bygga bort de begr&auml;nsningar jag ans&aring;g att de tidigare versionerna hade haft och dessutom skriva f&ouml;r att kunna validera i XHTML Strict och CSS2. Kr&ouml;nikedelen togs bort eftersom jag inte hade uppdaterat den p&aring; v&auml;ldigt l&auml;nge. En historikfunktion lades till, samt information om webbplatsen och om mig sj&auml;lv."
                    break
                default:
                    document.getElementById("VersionComment").innerHTML="&nbsp;"
                    break
            }  
                
        }
        
        function clearpic() {
            document.getElementById("VersionPicture").src="./images/nothing.jpg";
            document.getElementById("VersionComment").innerHTML="&nbsp;"
        }
        function showlargepic(PictureName) {
            window.open("showimage.php?./images/"+PictureName,'newWnd5','width=815,height=615,toolbar=0,status=0,scrollbars=0,resizable=0')
        }
        
function show_comment(comment_id) {
    if (document.getElementById(comment_id).style.visibility=="visible") {
        document.getElementById(comment_id).style.visibility="hidden";
        document.getElementById(comment_id).style.height="0px";
    }
    else {
        document.getElementById(comment_id).style.visibility="visible";
        document.getElementById(comment_id).style.height="100%";
    }
}
