var MMSlider = Class.create();

var nextPic;

var lastTimeout;

MMSlider.prototype = {
	currentPic: 1,
	initialize: function (container) {
		if($(container)) {
			this.setHandlers($(container));
		}
	},
	setHandlers: function (container) {
		var navLinks = container.getElementsBySelector('a[href="#"]');
		navLinks[0].observe('click', function(event) { 
		   event.stop();
		   MMSlider.prototype.previousItem(this);
		});
		navLinks[1].observe('click', function(event) { 
		   event.stop();
		   MMSlider.prototype.nextItem(this);
		});
	},
	nextItem: function (linkElement) {
		var currentElement = this.getCurrentElement(linkElement);
		if(currentElement)
		{
			var nextElement = currentElement.next();
;
			if(nextElement)
			{
				new Effect.Morph(currentElement, {
					style: 'left:-' + currentElement.getStyle("width"),
					duration: 1
				});
				
				new Effect.Morph(nextElement, {
					style: 'left:0px',
					duration: 1
				});	
				nextElement.setStyle({
					left: currentElement.getStyle("width")
				});
			}
		
		}
	},
	previousItem: function (linkElement) {
		var currentElement = this.getCurrentElement(linkElement);
		if(currentElement)
		{
			var previousElement = currentElement.previous();
;
			if(previousElement)
			{
				previousElement.setStyle({
					left:  "-" + currentElement.getStyle("width")
				});
	
				new Effect.Morph(currentElement, {
					style: 'left:' + currentElement.getStyle("width"),
					duration: 1
				});
				
				new Effect.Morph(previousElement, {
					style: 'left:0px',
					duration: 1
				})
			}
		}
	},
	getCurrentElement: function(linkElement) {
		var parent = linkElement.getOffsetParent();
		var currentElement = null;
		var found = false;
		parent.getElementsBySelector('ul[title="image_holder"]').each(function (divElement) {
			if((divElement.getStyle("left") == "0px") && (!found))
			{
				currentElement = divElement;
				found = true;
			}
		});
		return currentElement;
	}
}
document.observe('dom:loaded', function () { 
	new MMSlider(document.getElementById('home_projects')); 
});