pgtSubheaderMainSliders = new Array();

function define_pgtSubheaderMainSlider(id)
{
	var targetItem = $(id);
	
	if(pgtSubheaderMainSliders[id] != undefined)
	{
		return false;
	}
	else
	{
		pgtSubheaderMainSliders[id] = new deliaPanSlider({
			panWrapper: targetItem.getElement('.mainslide_inwrapper'),
			panContainer: targetItem.getElement('.mainslide_allcars'),
			pansSelector: targetItem.getElements('.mainslide_allcars > li'),
			scrollby: 1,
			mode: 'loop',
			controllers:
			{
				left: targetItem.getElement('.subheader_slide_left'),
				right: targetItem.getElement('.subheader_slide_right')
			}
		});
		
		return true;
	}
}

function pgt_subheader_main_nav()
{
	pgt_subheader_wrapper_main = $('pgt_wrapper_subheader_main');
	
	if ( pgt_subheader_wrapper_main != undefined && $$('.pgt-nav_tab').length > 0)
	{
		$$('#pgt_subheader_bottom > div > div:not(:first-child)').hide();
		
		pgtSubheaderTopSlide = new Fx.Slide('pgt_subheader_top').hide();
		pgtSubheaderBottomSlide = new Fx.Slide('pgt_subheader_bottom', {
			onStart: function() {
				if (!this.open) {
					if ($('pgt_wrapper_central') != undefined)
						pgt_subheader_wrapper_main.setStyle('height', $('pgt_wrapper_central').getHeight() + 'px').addClass('mask');
					if ($('pgt_wrapper_central_alt') != undefined)
						pgt_subheader_wrapper_main.setStyle('height', $('pgt_wrapper_central_alt').getHeight() + 'px').addClass('mask');
				}
			},
			onComplete: function() {
				if (this.open) {
					pgt_subheader_wrapper_main.setStyle('height','auto').removeClass('mask');
				}
			}
		}).hide();
		
		
		$$('.pgt-nav_tab')[0].addEvent('click', function(){
			if(this.hasClass('active')) {
				this.removeClass('active');
				if (pgtSubheaderBottomSlide.open) {
					pgtSubheaderBottomSlide.slideOut().chain(function(){pgtSubheaderTopSlide.slideOut()});
				}
				else {
					pgtSubheaderTopSlide.slideOut();
				}
				
			}
			else {
				this.addClass('active');
				pgtSubheaderTopSlide.slideIn();
			}
			$$('#pgt_subheader_top li .current, #pgt_subheader_bottom li .current').removeClass('current');
		});
		
		$$('#pgt_subheader_top > div > ul > li:not(.directlink)').addEvent('click', function(e){
			e.stopPropagation();
			$$('#pgt_subheader_top > div > ul > .current').removeClass('current');
			this.addClass('current');
		});
		
		$$('#pgt_subheader_top > div > ul > li li a').addEvent('click', function(e){
			if (!this.getParent().hasClass('directlink')) {
				e.stop();
				$$('#pgt_subheader_top > div > ul > li .current').removeClass('current');

				$$('#pgt_subheader_bottom > div > div').hide();
				hashTarget = this.hash.substr(1);
				if($(hashTarget) != undefined)
				{
					$(hashTarget).show();				// Display div target
					define_pgtSubheaderMainSlider(hashTarget);
				}

				if(pgtSubheaderBottomSlide.open == true)
				{
					this.getParent().addClass('current');
				}
				else
				{
					pgtSubheaderBottomSlide.slideIn().chain(function(){
						this.getParent().addClass('current');
					}.bind(this));
				}
			}
		});
		
		$$('.mainslide_allcars > li').addEvents({
			'mouseover': function() {
				this.getSiblings().setStyle('opacity', 0.5);
			},
			'mouseout': function() {
				this.getSiblings().setStyle('opacity', 1);
			}
		});
		
		// Close on outside click
		$(document.body).addEvent('click',function(e) {
			var showingToggler = $$('.pgt-nav_tab')[0];
			var showingParent = $$('#pgt_wrapper_subheader_main')[0];
			if(showingToggler.hasClass('active') && (!e.target || (!$(e.target).getParents().contains(showingToggler) && !$(e.target).getParents().contains(showingParent))) && (!$(e.target).hasClass('close-button') && !$(e.target).hasClass('griser'))) { 
				showingToggler.fireEvent('click');
			}
		});
	}
}

function espace_number(number){
	var string = number.toString();
	var string_length = number.toString().length;
	if(string_length > 3){
		var nb_chaines = Math.ceil(string_length/3);
		var tab = new Array();
		var index_a=string_length-3;
		var index_b=string_length;
		for (var i = 0; i < nb_chaines; i++){
			var a = string.substring(index_a,index_b);
			index_a=index_a-3;
			index_b=index_b-3;
			if(i==nb_chaines-1)tab[i]=a;
			else tab[i]=" "+a;
		}
		var string="";
		for (var i = nb_chaines-1; i >= 0; i--){
			string=string+tab[i];
		}
	}
	return string;
}

window.addEvent('domready', pgt_subheader_main_nav);

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

	var hm = 0;
	$$('.transversal_layer .middle .cell ul').each(function(el){
		if(el.getHeight() > hm)hm=el.getHeight();
	});
	$$('.transversal_layer .middle .cell ul').setStyle('height',hm);
	$$('.transversal_layer .middle .cell ul').setStyle('padding-bottom','128px');
	$$('.transversal_layer').hide();
	
	if($$('.transversal_btn').length)
	{
		$$('.transversal_btn')[0].addEvent('click',function(){
			if(!this.hasClass('active')){
				this.addClass('active');
				$$('.transversal_layer').show();
				
				var grey_layer = new Element('div#grey_layer');
				grey_layer.inject($('pgt_wrapper_header'),'top');
				var trans_bar_height = $$('#pgt_transversalbar').getHeight();
				var grey_layer_height = document.getScrollSize().y-trans_bar_height;
				grey_layer.setStyle('height', grey_layer_height+'px');
				grey_layer.addEvent('click',function(){
					$$('.transversal_btn').removeClass('active');
					$$('.transversal_layer').hide();
					grey_layer.destroy();
				});
			}
			else{
				this.removeClass('active');
				$$('.transversal_layer').hide();
				$$('#grey_layer').destroy();
			}
		});
	}
	
	/* Subheader slider */
	var slider_subheader = $('slider_subheader');
	if ( slider_subheader != undefined ) {
		pgtPanSlider_subheader = new deliaPanSlider({
			panWrapper: 'slider_subheader',
			panContainer: 'slider_subheader_ul',
			pansSelector: '.slider_subheader_li',
			scrollby: 1,
			controllers:{
				left: $('slider_subheader_panleft'),
				right: $('slider_subheader_panright')
			},
			disableMassCalculating: true
		});
		(function() {
			pgtPanSlider_subheader.reset();
			var existingSliderWidth = $('slider_subheader_ul').getWidth();
			existingSliderWidth = existingSliderWidth + 50;
			$('slider_subheader_ul').setStyle('width', existingSliderWidth+'px');
			}).delay(1000);
	} 

});