var MindIT = {
    Slider: {
        marginSide: 756,
        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-756)*-1 + 'px';
                    MindIT.Slider.marginMax = parseFloat(marginLeftMax);

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

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

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

                        for (var i = 0; i < billeder.length; i++) {
                            divThumb+='<div style="float: left; cursor: pointer;" onmouseover="javascript: this.childNodes[1].style.background=\'url(/media/forside_produkter_box_bg_hover.png) top left no-repeat\'" onmouseout="javascript: this.childNodes[1].style.background=\'url(/media/forside_produkter_box_bg.png) top left no-repeat\'" onclick="javascript:document.location=\'' + billeder[i].childNodes[3].firstChild.href + '\';"><div class="slide1"><img src="' + billeder[i].childNodes[0].firstChild.src + '"></div><div class="slide2"><div class="slide3"><p class="sectionheader_orange">' + billeder[i].childNodes[2].innerHTML + '</p><p class="section_lysgraa">' + billeder[i].childNodes[1].innerHTML + '</p></div></div></div>';
                            if(i == billeder.length-1) {
                                document.getElementById('divThumb').innerHTML = divThumb;
                            }
                        }
                    }

                    if (slut < MindIT.Slider.marginMax) {
                        slut = 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)+(378*billeder.length)+'px';
                        document.getElementById('divThumb').style.width = nyBredde;
                        document.getElementById('divThumb').style.marginLeft = billeder.length*-378 + 'px';
                        start = billeder.length*-378+'px';
                        slut = (billeder.length-2)*-378+'px';

                        var divThumb = '';

                        for (var i = 0; i < billeder.length; i++) {
                            divThumb+='<div style="float: left; cursor: pointer;" onmouseover="javascript: this.childNodes[1].style.background=\'url(/media/forside_produkter_box_bg_hover.png) top left no-repeat\'" onmouseout="javascript: this.childNodes[1].style.background=\'url(/media/forside_produkter_box_bg.png) top left no-repeat\'" onclick="javascript:document.location=\'' + billeder[i].childNodes[3].firstChild.href + '\';"><div class="slide1"><img src="' + billeder[i].childNodes[0].firstChild.src + '"></div><div class="slide2"><div class="slide3"><p class="sectionheader_orange">' + billeder[i].childNodes[2].innerHTML + '</p><p class="section_lysgraa">' + billeder[i].childNodes[1].innerHTML + '</p></div></div></div>';
                            if(i == billeder.length-1) {
                                divThumb += document.getElementById('divThumb').innerHTML;
                                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));