/**
 * @version $Id: tabs.js,v 1.4 2010-12-22 15:49:53 flj Exp $
 * @package adele-v5
 * @copyright Copyright (C) 2007 BROCELIA. All rights reserved.
 */

window.addEvent('domready', function() {

	$$('.tabs').each(function(tabs, i) {

		var d0 = new Element('div');
		d0.addClass('moduletable_produit_vert');

		var d = new Element('ul');
		d.id = 'onglets';
		d.addClass('mainmenu_produit');


		d0.appendChild(d);

		tabs.insertBefore(d0, tabs.firstChild);

		var d2 = new Element('div');
		d2.addClass('header_left');
		d2.setStyle('float','left');
		//tabs.insertBefore(d2, tabs.firstChild);
		tabs.insertBefore(d2, d0);

		var d4 = new Element('div');
		d4.addClass('header_right');
		d4.injectAfter(d0);

		var contents = $ES('.tabContent', tabs);
		contents.each(function(content, i) {
			if(i>0) {
				content.setStyle('display', 'none');
			} else {
				content.setStyle('display', 'block');
			}
		});

		var titles = $ES('.tabTitle', tabs);
		titles.each(function(title, i) {

				cpt_element = i+1;


				if(i==0) title.addClass('onglet_on')

				title.setStyle('display', 'inline');
				title.setStyle('cursor', 'pointer');
				title.addEvent('click', function(){
					titles.each(function(title2, j) {

						if(i == j) {
							title2.addClass('onglet_on');

						} else {
							title2.removeClass('onglet_on');
						}
					});
					contents.each(function(content, j) {
						if(i == j) {
							content.setStyle('display', 'block');
							content.getElements('.mootabs_title li.onglet_2').each(function(item, k) {
								if(k == 0)
									item.addClass('active');
								else
									item.removeClass('active');
							});

							content.getElements('.mootabs_panel').each(function(item, l) {
								if(l == 0)
									item.addClass('active');
								else
									item.removeClass('active');
							});
						} else {
							content.setStyle('display', 'none');
						}
					});

					/*
					//on selectionne le 1ier onglet de la categorie
					console.log($$('.mootabs_title li.onglet_2'));
					$$('.mootabs_title li.onglet_2').each(function(item, i) {
						console.log(i);
						if(i == 0)
							item.addClass('active');
						else
							item.removeClass('active');
					});
					*/

				});

				d.appendChild(title);
		});


	});
});