var _ind = 1;
            var _slider;
            var _nSli;
            var _dSli;
            var newDiv;
            var newImg;
            var _del = false;
            var lastC;
            var clickBk;
            var showAll;
            window.addEvent('domready', function() {
            	var basePath = '..';
            	if ($defined(document.getElementById('magnoliaContextPathID'))) {
            		basePath = document.getElementById('magnoliaContextPathID').value;
            	}

            	_nSli = $$('.slideWide div').length-2;
                _dSli = $$('.slideWide')[0];
              
                showAll = $('showAll');
                showAll.fade('hide');
                
                createSlider();
                clickBk = function() {
                    this.blur();
                    showAll.fade('out');
					
                    if ($$('.slideWide div')[5] == $('content'+_ind) && this.title == 'Successivo') {
                        newDiv = $$('.slideWide div')[0].clone(true, true);
                        newImg = document.createElement('img');
                        newImg.src = basePath + "/genialloyd/img/howto_separator.gif";
                        newImg.alt = "";
                        _dSli.appendChild(newImg);
                        _dSli.appendChild(newDiv);
                        _del = true;
                    } else if ($$('.slideWide div')[0] == $('content'+_ind) && this.title == 'Precedente') {
                        newDiv = $$('.slideWide div')[$$('.slideWide div').length-1].clone(true, true);
                        newImg = document.createElement('img');
                        newImg.src = basePath + "/genialloyd/img/howto_separator.gif";
                        newImg.alt = "";
                        var _dSliBk = _dSli.innerHTML;
                        _dSli.innerHTML = '';
                        _dSli.appendChild(newDiv);
                        _dSli.appendChild(newImg);
                        _dSli.innerHTML += _dSliBk;
                        _slider.set(142,0);
                        _del = true;
                    }
                    
                    if (this.title == 'Successivo') {
                        _ind = _ind % 8;
                        _ind += 1;
                    } else if(this.title == 'Precedente') {
                        _ind -= 1;
                        (_ind == 0) ? _ind = 8: void(0); 
                    }
                    
                    lastC = this.title;
                    
                    _slider.toElement('content'+_ind);
                    $$('.trigger').removeEvent('click', clickBk);
                    $$('.trigger').addEvent('click', function() { return false });
                    return false;
                }
                
                $$('.trigger').addEvent('click', clickBk);
            });
            
            function createSlider() {
                _slider = new Fx.Scroll('howtoSlider', {
                    offset: {
                        'x': 0,
                        'y': 0
                    },
                    wait: false,
                    duration: 500,
                    wheelStops: false,
                    onComplete: function() {
                        if(_del) {
                            if (lastC == 'Successivo') {
                                $$('.slideWide div')[0].dispose();
                                $$('.slideWide img')[0].dispose();
                                this.set(142*5,0);
                                _del = false;
                            } else {
                                $$('.slideWide div')[$$('.slideWide div').length-1].dispose();
                                $$('.slideWide img')[$$('.slideWide img').length-1].dispose();
                                this.set(0,0);
                                _del = false;
                            }
                        }
                        $$('.trigger').addEvent('click', clickBk);
                    }
                });
            }
            
            function toggleAll(a) {
                a.blur();
                if (navigator.userAgent.match('MSIE')) {
                    if (a.style.color == '#517cb1') { 
                        a.style.color = '';
                        $$('a.trigger').each(function(e) { 
                            e.removeClass('disabled');
                            e.onclick = null;
                            (e.className.match('prev')) ? e.title = 'Precedente' : e.title = 'Successivo';
                        });
                        $$('a.trigger').addEvent('click', clickBk);
                    } else {
                        a.style.color = '#517cb1';
                        $$('a.trigger').each(function(e) { 
                            e.addClass('disabled');
                            e.onclick = function() { return false; }
                            e.title = '';
                        });
                        $$('a.trigger').removeEvent('click', clickBk);
                    }
                } else {
                    if (a.style.color.rgbToHex() == '#517cb1') { 
                        a.style.color = '';
                        $$('a.trigger').each(function(e) { 
                            e.removeClass('disabled');
                            e.onclick = null;
                            (e.className.match('prev')) ? e.title = 'Precedente' : e.title = 'Successivo';
                        });
                        $$('.trigger').addEvent('click', clickBk);
                    } else {
                        a.style.color = '#517cb1';
                        $$('a.trigger').each(function(e) { 
                            e.addClass('disabled');
                            e.onclick = function() { return false; }
                            e.title = '';
                        });
                        $$('.trigger').removeEvent('click', clickBk);
                    }
                }
                (a.innerHTML == 'Vedi tutti') ? a.innerHTML = 'Chiudi' : a.innerHTML = 'Vedi tutti';
                showAll.fade('toggle');
                return false;
            }