//= require <mootools-core-1.3-full-nocompat>
//= require <uiframework/TabBar>
var Breadcrumbs = function()
{
	this.Extends = TabBar;

	this.setCrumbsByJSON = function(obj /* Object */)
	{
		this.formatAndSetDataProvider(obj.breadcrumbs);
	};

	this.createChildren = function()
	{
		this.parent();
		var crumbs = $$('#breadcrumbs .breadcrumb').dispose();
		$$('#breadcrumbs').dispose();
		var dp = [];
		var len = crumbs.length;
		for ( var i = 0; i < len; i++)
		{
			var crumb = crumbs[i];
			var category_id = crumb.getElement('.category_id').get('text');
			var name = crumb.getElement('.category_name').get('text');
			var parent_category_id = crumb.getElement('.parent_category_id').get('text');
			dp.push(
			{
				category_id : category_id,
				name : name,
				parent_category_id : parent_category_id
			});
		}
		this.formatAndSetDataProvider(dp);
	};

	this.childrenCreated = function()
	{
		this.parent();
		this.labelStyles(
		{
			up : "p.up",
			down : "p.down",
			over : "p.over"
		});
	};

	this.formatAndSetDataProvider = function(dp /* Array */)
	{
		if (!dp)
		{
			this.dataProvider(null);
			return;
		}
		var len = dp.length;
		for ( var i = 0; i < len; i++)
		{
			var crumb = dp[i];
			if (i != len - 1)
				crumb.name += " / ";
		}
		this.dataProvider(dp);
		this.selectedIndex(dp.length - 1);
	};
};
Breadcrumbs = new Class(new Breadcrumbs());