//MOOTOOLS-SLIDING-IMAGES
var noobSlide = new Class({

	initialize: function(params){
		this.items = params.items;
		this.mode = params.mode || 'horizontal';
		this.modes = {horizontal:['left','width'], vertical:['top','height']};
		this.size = params.size || 1000;
		this.box = params.box.setStyle(this.modes[this.mode][1],(this.size*this.items.length)+'px');
		this.button_event = params.button_event || 'click';
		this.handle_event = params.handle_event || 'click';
		this.interval = params.interval || 5000;
		this.buttons = {previous: [], next: [], play: [], playback: [], stop: []};
		if(params.buttons){
			for(var action in params.buttons){
				this.addActionButtons(action, $type(params.buttons[action])=='array' ? params.buttons[action] : [params.buttons[action]]);
			}
		}
		this.handles = params.handles || null;
		if(this.handles){
			this.addHandleButtons(this.handles);
		}
		this.fx = new Fx.Style(this.box,this.modes[this.mode][0],params.fxOptions||{duration:500,wait:false});
		this.onWalk = params.onWalk || null;
		this.currentIndex = params.startItem || 0;
		this.previousIndex = null;
		this.nextIndex = null;
		this.autoPlay = params.autoPlay || false;
		this._auto = null;
		this.box.setStyle(this.modes[this.mode][0],(-this.currentIndex*this.size)+'px');
		if(params.autoPlay) this.play(this.interval,'next',true);
	},

	previous: function(manual){
		this.currentIndex += this.currentIndex>0 ? -1 : this.items.length-1;
		this.walk(null,manual);
	},

	next: function(manual){
		this.currentIndex += this.currentIndex<this.items.length-1 ? 1 : 1-this.items.length;
		this.walk(null,manual);
	},

	play: function(delay,direction,wait){
		this.stop();
		if(!wait){
			this[direction](false);
		}
		this._auto = this[direction].periodical(delay,this,false);
	},

	stop: function(){
		$clear(this._auto);
	},

	walk: function(item,manual){
		if($defined(item)){
			if(item==this.currentIndex) return;
			this.currentIndex=item;
		}
		this.previousIndex = this.currentIndex + (this.currentIndex>0 ? -1 : this.items.length-1);
		this.nextIndex = this.currentIndex + (this.currentIndex<this.items.length-1 ? 1 : 1-this.items.length);
		if(manual){ this.stop(); }
		this.fx.start(-this.currentIndex*this.size);
		if(this.onWalk){ this.onWalk(this.items[this.currentIndex],(this.handles?this.handles[this.currentIndex]:null)); }
		if(manual && this.autoPlay){ this.play(this.interval,'next',true); }
	},
	
	addHandleButtons: function(handles){
		for(var i=0;i<handles.length;i++){
			handles[i].addEvent(this.handle_event,this.walk.bind(this,[i,true]));
		}
	},

	addActionButtons: function(action,buttons){
		for(var i=0; i<buttons.length; i++){
			switch(action){
				case 'previous': buttons[i].addEvent(this.button_event,this.previous.bind(this,true)); break;
				case 'next': buttons[i].addEvent(this.button_event,this.next.bind(this,true)); break;
				case 'play': buttons[i].addEvent(this.button_event,this.play.bind(this,[this.interval,'next',false])); break;
				case 'playback': buttons[i].addEvent(this.button_event,this.play.bind(this,[this.interval,'previous',false])); break;
				case 'stop': buttons[i].addEvent(this.button_event,this.stop.bind(this)); break;
			}
			this.buttons[action].push(buttons[i]);
		}
	}
	
});

var mySlide;
window.addEvent('domready', function(){
		
		var hs2 = new noobSlide({
			box: $('box2'),
			items: [1,2,3,4,5,6],
			size: 231,
			autoPlay: true,
      interval: 12000,
      fxOptions: {
				duration: 670
      }
		});
		
		
		var ToolTip = new Tips($$('.ToolTip'), {
		  showDelay: 100,
		  hideDelay: 100,
		  fixed: false
		});

		//-vertical
		mySlide = new Fx.Slide('togglecontainer');

		$('toggle').addEvent('click', function(e){
			e = new Event(e);
			mySlide.toggle();
			e.stop();
		});
		
		
		
		var list = $$('#navilist a');
		list.each(function(element) {
			 
			var fx = new Fx.Styles(element, {duration:400, wait:false});
			 
			element.addEvent('mouseenter', function(){
				fx.start({
					//'color': '#d8df72'
					'color': '#4f4f4f'
				});
			});
			
			element.addEvent('mouseleave', function(){
				fx.start({
					'color': '#f9fae8'
				});
			}); 
		});


		var headnavi = $$('#sorting_bar a');
		headnavi.each(function(element) {
			 
			var fx2 = new Fx.Styles(element, {duration:400, wait:false});
			 
			element.addEvent('mouseenter', function(){
				fx2.start({
					
					'color': '#c5cf2a'
				});
			});
			
			element.addEvent('mouseleave', function(){
				fx2.start({
					
					'color': '#e9e7d9'
				});
			});
		});
		
		var footnavi = $$('#foot_teaser_div a');
		footnavi.each(function(element) {
			 
			var fx2 = new Fx.Styles(element, {duration:400, wait:false});
			 
			element.addEvent('mouseenter', function(){
				fx2.start({
					
					'color': '#c5cf2a'
				});
			});
			
			element.addEvent('mouseleave', function(){
				fx2.start({
					
					'color': '#e9e7d9'
				});
			});
		});
});