/**
 * Purpose of this sroller is to scroll horizontal trough photos
 *
 *	@param ID the ID from the element that needs to be scrolled in
 *	@param TotaleBreedte is the total width of the ID
 *	@param ElementBreedte is the width of a single element inside ID
 *	@param HoeveelElementen How many showable elements
 *
 */
function ReferentieScroller( ID, TotaleBreedte, ElementBreedte, HoeveelElementen ) {
	/** Setting up the scroller */
	this.Setup( ID, TotaleBreedte, ElementBreedte, HoeveelElementen );
}

/**
 * Constructing the scroller
 * @param ID the ID from the element that needs to be scrolled in
 * @param TotaleBreedte is the total width of the ID
 * @param ElementBreedte is the width of a single element inside ID
 */
ReferentieScroller.prototype.Setup = function( ID, TotaleBreedte, ElementBreedte, HoeveelElementen ) {
	/**
	 * The ID of the element that needs to scroll.
	 */
	this.ElementID = ID;
	/**
	 * The counter of current element
	 */
	this.Counter = 0;
	/**
	 * Total width of the element
	 */
	this.TotaleBreedte = TotaleBreedte;
	/**
	 * Width of one element inside the ID
	 */
	this.ElementBreedte = ElementBreedte;
	/**
	 * To check if everything is ok
	 */
	this.Ok = false;
	/**
	 * All the childs inside the ID
	 */
	this.Childs = new Array();
	/**
	 * Getting childs that are inside ElementID and aligning them after (if OK = true)
	 */
	this.getChilds();
	this.alignChilds();
	
	this.HoeveelElementen = HoeveelElementen;
}

/**
 * Aligning all childs
 */
ReferentieScroller.prototype.alignChilds = function() {
	if (this.Ok) {

		/* Initializing the counter */
		var Teller = 0;

		for ( var i = 0; i < this.Childs.length; i++) {
			/* Getting one single child */
			var Child = this.Childs[i];
			/* Setting the childs on the right position */
			Child.style.left = Teller + 'px';
			/* Add the width of a single element to the total width */
			Teller += this.ElementBreedte;
		}

	}

}

/**
 * Funtion to get all the Childs
 */
ReferentieScroller.prototype.getChilds = function() {
	/**
	 * If the ID excists 
	 */
	if (this.ElementID) {

		/* Getting the element */
		Current = document.getElementById(this.ElementID);
		Current.style.width = this.TotaleBreedte + 'px';
		/* Getting all chulds inside the Element of ID */

		for ( var i = 0; i < Current.childNodes.length; i++) {
			var Child = Current.childNodes[i];
			if (Child.tagName == "DIV") {
				this.Childs.push(Child);
			}
		}

		/* If there are childs, then it is workable, and we set the Ok to true */
		if (this.Childs.length) {
			this.Ok = true;
		}
	}
}

/**
 * This function will move all the childs to right
 */
ReferentieScroller.prototype.moveRight = function() {

	var Left = 0;
	var Child = 0;
	var NewLeft = 0;

	if (this.Ok) {

		/* Calculating the current position of the first element */
		Left = parseInt(this.Childs[0].style.left.split("px").join(""));

		/* To check if you can go left */
		if ( ( this.Counter < ( this.Childs.length - this.HoeveelElementen ) ) && ( ( Left % this.ElementBreedte ) == 0 ) ) {

			for ( var i = 0; i < this.Childs.length; i++) {
				/* Initializing the current Child */
				Child = this.Childs[i];
				/* Left = Current left */
				Left = parseInt( Child.style.left.split("px").join("") );
				/* Calculating the new left position */
				NewLeft = Left - this.ElementBreedte + 'px';

				/* Setting default easing */
				jQuery.easing.def = "easeInOutCirc";

				/* Animate the child to the left */
				$(Child).animate( {
					left :NewLeft
				}, {
					queue :false,
					duration :500
				});
			}
			this.Counter++;
		}
	}
}

/**
 * This function will move all the childs to left
 */
ReferentieScroller.prototype.moveLeft = function() {

	var Left = 0;
	var Child = 0;
	var NewLeft = 0;

	if (this.Ok) {

		/* Calculating the current position of the first element */
		Left = parseInt(this.Childs[0].style.left.split("px").join(""));

		/* To check if you can go left */
		if ((this.Counter > 0) && ((Left % this.ElementBreedte) == 0)) {
			for ( var i = 0; i < this.Childs.length; i++) {
				/* Initializing the current Child */
				Child = this.Childs[i];
				/* Left = Current position of the Child */
				Left = parseInt(Child.style.left.split("px").join(""));
				/* Calculating the new left position */
				NewLeft = Left + this.ElementBreedte + 'px';

				/* Setting default easing */
				jQuery.easing.def = "easeInOutCirc";

				/* Animate the child to the left */
				$(Child).animate( {
					left :NewLeft
				}, {
					queue :false,
					duration :500
				});
			}
			this.Counter--;
		}
	}
}