var MindIT = {
    Slider: {
        marginSide: 819,
        marginMin: 0,
        marginMax: 0,
        effekt: null,
        billedeSlider: null,

        initialize: function() {
            var sliderBox = $("slider-box");
            if (!sliderBox)
                return;

            var naesteKnap = $$("div#slider-box div.naeste")[0];
            var forrigeKnap = $$("div#slider-box div.forrige")[0];

            MindIT.Slider.billedeSlider = $$("div#slider-box div.billeder")[0];

            var bredde = MindIT.Slider.billedeSlider.getStyle("width").toInt();

            MindIT.Slider.marginMax = (bredde - MindIT.Slider.marginSide) * -1;
            MindIT.Slider.effekt = new Fx.Style(MindIT.Slider.billedeSlider, "margin-left", { duration: 2000 });

            naesteKnap.addEvent("click", function() {

                var start = MindIT.Slider.billedeSlider.getStyle("margin-left").toInt();
                var slut = start - MindIT.Slider.marginSide;

                if(((start / MindIT.Slider.marginSide) % 2) == 0 || ((start / MindIT.Slider.marginSide) % 2) == -1 || ((start / MindIT.Slider.marginSide) % 2) == -0.5 || ((start / MindIT.Slider.marginSide) % 2) == -1.5)
                {

                    var billeder = document.getElementById('vis-galleri-miniature').getElementsByTagName('div');
                    var width = parseFloat(document.getElementById('divThumb').style.width);
                    var marginLeft = document.getElementById('divThumb').style.marginLeft;
                    var marginLeftMax = (width-819)*-1 + 'px';
                    MindIT.Slider.marginMax = marginLeftMax;

                    if (marginLeft == marginLeftMax) {
                        var nyBredde = parseFloat(document.getElementById('divThumb').style.width)+(819*billeder.length)+'px';
                        document.getElementById('divThumb').style.width = nyBredde;

                        MindIT.Slider.marginMax = MindIT.Slider.marginMax-(819*billeder.length);

                        var divThumb = document.getElementById('divThumb').innerHTML;

                        for (var i = 0; i < billeder.length; i++) {

                          if(billeder[i].childNodes[3].innerHTML !== '') {
                              var laesMere = '<a class="inlinelink" style="padding-right: 10px; border-right: 1px #cccccc solid; margin-right: 10px;" href="' +billeder[i].childNodes[3].firstChild.href + '">L' + unescape('%E6') + 's mere om denne case</a>';
                          } else {
                              var laesMere = '';
                          }

                          divThumb+='<div style="float: left; width:410px; margin-right: 1px;"><img src="' + billeder[i].childNodes[0].firstChild.src + '"></div><div style="margin-right: 1px; float: left; width: 407px; height: 235px; background: #e5e5e5;"><div style="height:215px; padding: 10px 30px;"><p class="sectionheader" style="height: 54px; margin: 3px 0; color: #5f839e; font-size: 17px;">' + billeder[i].childNodes[2].innerHTML + '</p><p class="section" style="margin-bottom: 5px; height: 130px;">' + billeder[i].childNodes[1].innerHTML + '</p><p class="section">' + laesMere + '<a href="Løsninger.9.aspx" class="inlinelink">Andre cases</a></p></div></div>';

                          if(i == billeder.length-1) {
                              document.getElementById('divThumb').innerHTML = divThumb;
                          }

                        }

                    }

                    if (slut < parseFloat(MindIT.Slider.marginMax)) {
                        slut = parseFloat(MindIT.Slider.marginMax);
                    }

                    MindIT.Slider.effekt.start(start, slut);
                }
            });

            forrigeKnap.addEvent("click", function() {

                var start = MindIT.Slider.billedeSlider.getStyle("margin-left").toInt();
                var slut = start + MindIT.Slider.marginSide;

                if(((start / MindIT.Slider.marginSide) % 2) == 0 || ((start / MindIT.Slider.marginSide) % 2) == -1 || ((start / MindIT.Slider.marginSide) % 2) == -0.5 || ((start / MindIT.Slider.marginSide) % 2) == -1.5)
                {

                    var billeder = document.getElementById('vis-galleri-miniature').getElementsByTagName('div');
                    var width = parseFloat(document.getElementById('divThumb').style.width);
                    var marginLeft = parseFloat(document.getElementById('divThumb').style.marginLeft);


                    if (marginLeft == 0) {
                        var nyBredde = parseFloat(document.getElementById('divThumb').style.width)+(819*billeder.length)+'px';
                        document.getElementById('divThumb').style.width = nyBredde;
                        document.getElementById('divThumb').style.marginLeft = billeder.length*819*-1 + 'px';
                        start = billeder.length*-819+'px';
                        slut = (billeder.length-1)*819*-1+'px';

                        var divThumb = '';

                        for (var i = 0; i < billeder.length; i++) {

                          if(billeder[i].childNodes[3].innerHTML !== '') {
                              var laesMere = '<a class="inlinelink" style="padding-right: 10px; border-right: 1px #cccccc solid; margin-right: 10px;" href="' +billeder[i].childNodes[3].firstChild.href + '">L' + unescape('%E6') + 's mere om denne case</a>';
                          } else {
                              var laesMere = '';
                          }

                          divThumb+='<div style="float: left; width:410px; margin-right: 1px;"><img src="' + billeder[i].childNodes[0].firstChild.src + '"></div><div style="margin-right: 1px; float: left; width: 407px; height: 235px; background: #e5e5e5;"><div style="height:215px; padding: 10px 30px;"><p class="sectionheader" style="height: 54px; margin: 3px 0; color: #5f839e; font-size: 17px;">' + billeder[i].childNodes[2].innerHTML + '</p><p class="section" style="margin-bottom: 5px; height: 130px;">' + billeder[i].childNodes[1].innerHTML + '</p><p class="section">' + laesMere + '<a href="Løsninger.9.aspx" class="inlinelink">Andre cases</a></p></div></div>';

                          if(i == billeder.length-1) {

                              divThumb += document.getElementById('divThumb').innerHTML + '<div class="clear"></div>';
                              document.getElementById('divThumb').innerHTML = divThumb;
                          }

                        }

                    }

                    if (slut > MindIT.Slider.marginMin) {
                        slut = MindIT.Slider.marginMin;
                    }

                    MindIT.Slider.effekt.start(start, slut);
                }
            });
        }
    }
}

window.addEvent('domready', MindIT.Slider.initialize.bind(MindIT.Slider));