/*
	SimpleSlide v 1.1
	Developed by Gravita, www.gravita.se
		Thanks to Tom alias telefunken for a fix.
	
	License:
		MIT-style license
		
	Class: 
		SimpleSlide
		
	Description:
		A slideshow class built to provide a simple way to create manual or automated slideshows.
	
	Arguments:
		container - a container to hodl the slideshow
		options - the options
		
	Options:
		type - "scroll/fade/scrollfade", Three differnt effects.
		direction - "forward/back", Defines the slide direction.
		goTo - number, Go to a specific slide.
		duration - miliseconds, Duration of the slide effect.
		auto - "loop/once", Makes the slide automated.
		time - miliseconds, Defines the amount of time an automated slide will stop at each element.
		
*/

var SimpleSlide = new Class({
	initialize: function(container,options) {
		this.container = container;
		this.options = options;
		//	Is it on autorun or manual?
		if(this.options.auto == "loop" || this.options.auto == "once") {
			var automated;
			this.automated = this.slider.periodical(this.options.time,this,$(this.container));
		} else {
			this.slider($(this.container))
		}
	},
	slider: function(container) {
		var direction;
		if(this.options) direction = this.options.direction;
		else direction = "forward";
		var child;
		if(this.options.goTo) {
			var goTo = this.options.goTo.toInt();
				goTo -= 1;
		}
		// Get all child nodes to scroll between.
		var children = container.getChildren().getChildren()[0];
		// Run through all child nodes to see if there is a tagged one.
		children.each(function(e) {
			// If there is, make it current child.
			if(e.id == "currentChild") {
				child = e;
			}
		});
		if(goTo || goTo == 0) {
			if(container.getChildren()[0].getChildren()[goTo]) child = container.getChildren()[0].getChildren()[goTo];
			else alert("Slide "+goTo+" does not exist");
		} else {
			if(!child) {
				// If there isn't, make the first one current child.
				if(direction == "forward") {
					child = children[0].getNext();
				}
				else if(direction == "back") {
					child = container.getChildren()[0].getLast();
				}
			} else {
			// Are we going to the next or previous node?
				if(direction == "forward") {
					var lastElement = container.getChildren()[0].getLast();
					// Stops the loop at the last element.
					if(lastElement == child.getNext() && this.options.auto == "once") $clear(this.automated);
					// Is the current child the last node? Then set the first node as child, otherwise set the next node as child.
					if(lastElement == child) child = children[0];
					else child = child.getNext();
				}
				else if(direction == "back") {
					var firstElement = container.getChildren()[0].getFirst();
					// Stops the loop at the last element.
					if(firstElement == child.getPrevious() && this.options.auto == "once") $clear(this.automated);
					// Is the current child the last node? Then set the first node as child, otherwise set the next node as child.
					if(firstElement == child) child = container.getChildren()[0].getLast();
					else child = child.getPrevious();			
				}
			
			}
		}
		// Is the child defined?
		if(child) {
			// Which type of slider is defined?
			if(this.options.type == "scroll") this.scroll(container,children,child);
			else if(this.options.type == "fade") this.fade(container,children,child);
			else if(this.options.type == "scrollfade") this.scrollfade(container,children,child);
		}
	},
	scroll: function(container,children,child) {
		// Make it a scroll slide.
		var scroll = new Fx.Scroll(container,{duration: this.options.duration, onComplete: function() {
			// Remove tags from all child nodes.
			children.each(function(e) {
				e.id = "";
			});
			// Tag this child as current
			child.id = "currentChild";
		}}).toElement(child);
		
	},
	fade: function(container,children,child) {
		// Make it a fade slide
		var fade = new Fx.Style(container,'opacity',{duration: this.options.duration, onComplete: function() {
			new Fx.Scroll(container,{duration: 1,onComplete: function() {
				// Remove tags from all child nodes.
				children.each(function(e) {
					e.id = "";
				});
				// Tag this child as current
				child.id = "currentChild";
				new Fx.Style(container,'opacity').start(0.01,1);
			}}).toElement(child);
		}})
		fade.start(1,0.01);
	},
	scrollfade: function(container,children,child) {
		// In case you input the miliseconds as a string instead of integer.
		var durationInt = this.options.duration.toInt();
		// Make it a scrollfade slide
		var fade = new Fx.Style(container,'opacity',{duration: (durationInt/2)})
		fade.start(1,0.01).chain(function() {
			fade.start(0.01,1);
		});
		new Fx.Scroll(container,{duration: durationInt, onComplete: function() {
			// Remove tags from all child nodes.
			children.each(function(e) {
				e.id = "";
			});
			// Tag this child as current
			child.id = "currentChild";
		}}).toElement(child);
	}
});

// Required only for the home page
window.addEvent('load', function(){
								 
    /* Set an action to all the elements having the 'next' class to move onto the next slide */
    $$('.next').addEvent('click', function() {
    	new SimpleSlide("home-slider",{type: "scroll", direction: "forward", duration: 600});
    	/* Use the parent div class to determine the current slide; 
    	 The second(last) class represents the slide number	 */ 
    	currentSlideNumber = parseInt(this.parentNode.parentNode.parentNode.className.split(' ')[1]) -1;
		if (isNaN(currentSlideNumber)) {
			currentSlideNumber = 0;
		}
    	// Unset the previous element (faster than iterrating them all)
    	$('tabbed-menu').getElementsByTagName('li')[currentSlideNumber].className = '';
    	// Set the menu selector class
		$('tabbed-menu').getElementsByTagName('li')[currentSlideNumber + 1].className = 'selected';
    });
	
	
    /* Set an action to all the elements having the 'back' class to move onto the next slide */
    $$('.back').addEvent('click', function() {
    	new SimpleSlide("home-slider",{type: "scroll", direction: "back", duration: 600});
    	/* Use the parent div class to determine the current slide; 
    	 The second(last) class represents the slide number	 */ 
    	currentSlideNumber = parseInt(this.parentNode.parentNode.parentNode.className.split(' ')[1]) - 1 ;
		if (isNaN(currentSlideNumber)) {
			currentSlideNumber = 4;
		}		
    	// Unset the previous element (faster than iterrating them all)
    	$('tabbed-menu').getElementsByTagName('li')[currentSlideNumber].className = '';
    	// Set the menu selector class
		$('tabbed-menu').getElementsByTagName('li')[currentSlideNumber - 1].className = 'selected';
    });
	
    slideButtons = $('tabbed-menu').getElementsByTagName('a');
    for (var i = 0; i < slideButtons.length; i++) {
    	assignOnclickEvent(i);
    };
    function assignOnclickEvent(index) {
    	return slideButtons[index].onclick = function() {
    		// reset all markers and set the current one
    		resetTabbedMenuClasses(slideButtons);
    		slideButtons[index].parentNode.className = 'selected';
    		new SimpleSlide("home-slider",{type: "scroll", direction: "forward", duration: 600, goTo: index + 1});
    	};
    };
    function resetTabbedMenuClasses(slideButtons) {
    	for (var i = 0; i < slideButtons.length; i++) {
    		slideButtons[i].parentNode.className = '';
    	};
    };
});