/**
 * @author networkteam
 */

var NJS = NJS || {};

NJS.breadcrumb = new Class({
	Implements: Options,
	options: {
		activeItem: null
	},
	
	initialize: function(element,options) {
		this.setOptions(options);
		this.element = $(element);
		var that = this;
		
		var delayed = 500;
		var breadcrumbWidth = 0;
		var breadcrumbs = this.element.getElement('ul').getElements('li');
		breadcrumbs.each(function(el, index) {
			breadcrumbWidth += el.getSize().x
			el.position = {
				leftStart: - breadcrumbWidth,
				leftTarget: index * -12
			}
			
			el.setStyles({
				'left': el.position.leftStart,
				'margin': 0
			});
			
			el.tween = new Fx.Morph(el, {
				duration: 500, 
				transition: 'circ:out'
			});
			
			(function() {
				el.tween.start({
					'left': [el.position.leftStart, el.position.leftTarget]
				});
			}).delay(delayed + (index * 500));
			
		});
	}
});

window.addEvent('domready', function() {
	if ($('breadcrumb')) {
		myBreadcrumb = new NJS.breadcrumb('breadcrumb', {});
	}	
});