var PAGER = function() {
	
	var position = 1;
	maxPictures = 10;

	return {
	
		preloadImages : function() {
			for(i = 1; i <= this.maxPictures; i++) {			
				$("<span />").addClass(this.elementClass + i).css("width", "1px").css("height", "1px").appendTo("body");
			}
		},
	
		next : function () {
			if ( position == this.maxPictures ) {
				position = 0;
			}
			position++;
			this.execute(position);
			this.printPosition(position);
		},
		
		previous : function () {
			if ( position == 1 ) {
				position = this.maxPictures + 1;
			}		
			position--;
			this.execute(position);	
			this.printPosition(position);	
		},
		
		printPosition : function (position) {
			this.printPosition(position);
		},
		
	};

};

var STYLE_NOTES_ = function() {
	
	var timing = 800;
	var pictureId = "leftPicture";
	this.elementClass = "outfit";
	var styleHeadlineId = "styleHeadline";
	var styleClass = "styleNotes";
	var styleTextId = "styleText";
	var positionId = "currentPosition";
	
	this.execute = function(position) {
		var element = $("#" + pictureId);
		var elementClass = this.elementClass;
		element.fadeOut(timing, function() {
			setText(position);
			element.removeClass().addClass(elementClass + position).fadeIn(timing);
		});	
	};
	
	function setText(position) {
		var element = $("#" + styleHeadlineId);
		element.removeClass().addClass(styleClass + position + "-1");
		element = $("#" + styleTextId);
		element.removeClass().addClass(styleClass + position + "-2");
	};
	
	this.printPosition = function printPosition(position) {
		$("#" + positionId).html(position + " / " + this.maxPictures);
	}; 	
			
};

STYLE_NOTES_.prototype = new PAGER();
var STYLE_NOTES = new STYLE_NOTES_();

var PHOTOGRAPH_ = function() {
	
	this.elementClass = "photo";	
	var timing = 800;
	var positionId = "currentPosition";	
		
	this.execute = function(position) {
		var element = $("#photograph");
		var elementClass = this.elementClass;
		element.fadeOut(timing, function() {		
			element.removeClass().addClass(elementClass + "" + position).fadeIn(timing);
		});		
	};
	
	this.printPosition = function printPosition(position) {
		$("#" + positionId).html(position + " / " + this.maxPictures);
	}; 		

};

PHOTOGRAPH_.prototype = new PAGER();
var PHOTOGRAPH = new PHOTOGRAPH_();

var MOVE = function() {

	var mainClass = "mainRight";
	var homeClass = "home";
	var pictureId = "picture";

	return {
	
		addToElement : function(elementId) {
			$("#" + elementId).mouseover(function(){
				MOVE.to(elementId);		
			}).mouseout(function(){
				MOVE.reset();
			});
		},
	
		to : function(elementClass) {
			$("#" + pictureId).removeClass().addClass(elementClass).addClass(mainClass);
		},
		
		reset : function() {
			$("#" + pictureId).removeClass().addClass(mainClass).addClass(homeClass);
		}
	
	};

}();