var itemwidth = 888;
var endposition = 0;
var startposition = 0;
var sliderActive = true;

var iQmultimedia = {
	init: function() {
		if($('slider')) {
		    var position = $('slider').viewportOffset();
		    
		    // set slider width to the amount of children
		    var childArray = $('slider').childElements();
		    var sliderWidth = childArray.length*888;
		    $('slider').setStyle({width: sliderWidth+'px'});
		    
	        startposition = position[0];
		    if($('arrowleft')) {
		        $('arrowleft').observe('click', iQmultimedia.topSlider.slideLeft);
		        $('arrowleft').setStyle({visibility: 'hidden'});
		    }
		    if($('arrowright')) {
		        $('arrowright').observe('click', iQmultimedia.topSlider.slideRight);
		        $('arrowright').setStyle({visibility: (childArray.length == 1 ? 'hidden' : 'visible')});
		    }
		}
		
		// INIT ACCORDION
        var verticalAccordion = new accordion('accordion', {
            classNames : {
                toggle : 'toggler',
                toggleActive : 'toggleractive',
                content : 'sidenavchildren'
            },
            direction : 'vertical'
        });

	  // open accordion if the a sub section of the sidenav
	  if ($$('li.open')[0] != undefined) {
	        verticalAccordion.activate($$('li.open')[0]);
	  }
        
        // start slider sliding
        pe = new PeriodicalExecuter(iQmultimedia.topSlider.startSlide, 5);

	},
	
	topSlider: {
	    startSlide: function() {
	        if(sliderActive == true && $('slider') != null) {
	            var tempendposition = endposition - itemwidth;
	            if(tempendposition < -($('slider').getWidth() - startposition)) {
	                endposition = -itemwidth;
	                iQmultimedia.topSlider.slide("Left");
	            } else {
	                iQmultimedia.topSlider.slide("Right");
	            }
	        }
	    },
	    slideLeft: function() {
	        sliderActive = false;
	        iQmultimedia.topSlider.slide("Left");
	    },
	    slideRight: function() {
	        sliderActive = false;
	        iQmultimedia.topSlider.slide("Right");
	    },
	    slide: function(direction) {
	        if (direction == "Left") {
	            endposition = endposition + itemwidth;
	            if(endposition > 0) {
	                endposition = endposition - itemwidth;
	            }
	        } else if(direction == "Right") {
	            endposition = endposition - itemwidth;
	            if(endposition < -($('slider').getWidth() - startposition)) {
	                endposition = endposition + itemwidth;
	            }
	        }
	        
	        // If endposition is an extremity, hide the arrow
	        $('arrowleft').setStyle({visibility: (endposition == 0 ? 'hidden' : 'visible')});
	        $('arrowright').setStyle({visibility: (endposition == itemwidth - $('slider').getWidth() ? 'hidden' : 'visible')});
	        
	        new Effect.Move($('slider'), { x: endposition, y: 0, mode: 'absolute' });
	    }
	}
};
document.observe('dom:loaded', iQmultimedia.init);