// JavaScript Document
var tabRubriques = new Array('gants', 'bonnets', 'masques', 'casques', 'catalogues', 'revendeurs', 'contacts', 'mentions_legales');

//--- Tableau contenant les codes couleurs pour les rollovers de la navigation
var colorRef = new Array();
colorRef['gants'] = "#b52469";
colorRef['gants_h2'] = "#da91b4";
colorRef['bonnets'] = "#74a5e0";
colorRef['bonnets_h2'] = "#b9d1ef";
colorRef['masques'] = "#f4a12b";
colorRef['casques'] = "#b30015";
colorRef['catalogues'] = "#dc4611";
colorRef['revendeurs'] = "#dc4611";
colorRef['contacts'] = "#dc4611";
colorRef['mentions_legales'] = "#dc4611";
colorRef['roll_out_header'] = "#ffeed4";
colorRef['roll_out_sous_nav'] = "#444444";
colorRef['roll_out_ref'] = "#7a7a7a";

//--- Variable contenant le nom de la rubrique en cours
var aRubrique = '';
var aSousNav = '';
var aProduit = '';

function init(nav, sous_nav)
{
	centrerSousNav();
	//---
	colorerRubrique(nav);
	//---
	colorerSousNav(nav, sous_nav);
	//---
	setRollOverNavHeader();
	//---
	setRollOverSousNav(nav);
	//---
	setRollOverProduits(nav);
	//---
	disabledFocus();
	//---	
	
}

//--------------------------------------
//--- FONCTION POUR LE ROLLOVER
//--------------------------------------
function rollOver(o, couleur)
{
	$(o).css('color', couleur);
}

//--------------------------------------
//--- FONCTION POUR LE ROLLOUT
//--------------------------------------
function rollOut(o, couleur)
{
	if($(o).attr('id') != aRubrique)
	{
		if(aSousNav == '')
		{
			
			if(aProduit == '')
			{
				$(o).css('color', couleur);
			}else
			{
				if($(o).attr('id') != aProduit)
				{
					$(o).css('color', couleur);
				}
			}
		}
		else if($(o).attr('id') != aSousNav)
		{
			if(aProduit == '')
			{
				$(o).css('color', couleur);
			}else
			{
				if($(o).attr('id') != aProduit)
				{
					$(o).css('color', couleur);
				}
			}
		}
	}	
}

//--------------------------------------
//--- FONCTION POUR COLORER LE LIEN DE 
//--- LA RUBRIQUE EN COURS
//--------------------------------------
function colorerRubrique(nomRubrique)		
{
	aRubrique = nomRubrique;
	$('#'+aRubrique).css('color', colorRef[nomRubrique]);
}

//--------------------------------------
//--- FONCTION POUR COLORER LE LIEN DE 
//--- LA SOUS NAV EN COURS
//--------------------------------------
function colorerSousNav(nomRubrique, nomSousNav)		
{
	aSousNav = nomSousNav;
	$('#'+aSousNav).css('color', colorRef[nomRubrique]);
}

//--------------------------------------
//--- FONCTION POUR COLORER LE LIEN DU
//--- PRODUITS EN COURS
//--------------------------------------
function colorerProduit(id, nomRubrique)		
{
	if(aProduit != '')
	{
		$('#'+aProduit).css('color', colorRef['roll_out_ref']);
	}
	//---
	aProduit = id;
	$('#'+aProduit).css('color', colorRef[nomRubrique]);
}

//--------------------------------------
//--- FONCTION POUR INITIALISER LES 
//--- ROLLOVERS DE LA NAVIGATION PRINCIPALE
//--------------------------------------
function setRollOverNavHeader()
{
	var nbRubriques = tabRubriques.length;
	for(var i=0; i < nbRubriques; i++)
	{
		setColor("#"+tabRubriques[i], colorRef[tabRubriques[i]]);
	}
}
//---
function setColor(o, couleur)
{
	$(o).hover(
		function() {
			rollOver($(this), couleur);
		}, 
     		function() {
			rollOut($(this), colorRef['roll_out_header']);
		}						 
	);
}

//--------------------------------------
//--- FONCTION POUR INITALISER LES
//--- ROLLOVERS DE LA SOUS NAVIGATION
//--------------------------------------
function setRollOverSousNav(nomRubrique)
{
	$("#sous_nav li a").hover(
      	function() {
			rollOver($(this), colorRef[nomRubrique]);
		}, 
      	function() {
			rollOut($(this), colorRef['roll_out_sous_nav']);
		}
	);
}


//--------------------------------------
//--- FONCTION POUR INITALISER LES
//--- ROLLOVERS SUR LES PRODUITS
//--------------------------------------
function setRollOverProduits(nomRubrique)
{
	$(".nav_ref, .nav_ref_lrg").hover(
      	function() {
			rollOver($('#'+$(this).attr('id')), colorRef[nomRubrique]);
		}, 
      	function() {
			rollOut($('#'+$(this).attr('id')), colorRef['roll_out_ref']);
		}
	);
	
	$(".nav_ref, .nav_ref_lrg").click(
		function() {
			var id = $(this).attr('id').substr(4);
			afficherProduits(id, nomRubrique);
			return false;
		}
	);
	//---
	setImgBordure(nomRubrique);
}

function afficherProduits(id, nomRubrique)
{
	$("#right_content").empty();
	$('#'+id).clone().appendTo("#right_content");
	$('#'+id).fadeIn('slow');
	$('#'+id).css('visibility', 'visible');
	//---
	colorerProduit('nav_'+id, nomRubrique);
}

//--------------------------------------
//--- FONCTION POUR DEFINIR LES COULEURS
//--- DES BORDURES 
//--------------------------------------
function setImgBordure(nomRubrique)
{
	$('.titre_ref').css('background-image', 'url('+nomRubrique+'/img/logo_ref.gif)');
	$('.titre_ref').css('background-color', colorRef[nomRubrique]);
	//---
	$('.ref h2').css('background-color', colorRef[nomRubrique+'_h2']);
	//---
	$('.description_left').css('border-left', '1px solid '+colorRef[nomRubrique]);
	$('.description_left').css('border-bottom', '1px solid '+colorRef[nomRubrique]);
	//---
	$('.description_right').css('border-left', '1px solid '+colorRef[nomRubrique]);
	$('.description_right').css('border-bottom', '1px solid '+colorRef[nomRubrique]);
	//---
	$('.description_bottom').css('border-left', '1px solid '+colorRef[nomRubrique]);
	
}


//--------------------------------------
//--- FONCTION POUR CENTRER LA
//--- SOUS NAVIGATION
//--------------------------------------
function centrerSousNav()
{
	var listeLi = $('#sous_nav > ul > li');
	var nbLi = listeLi.length;
	var width = 0;
	for(var i=0; i<nbLi; i++)
	{
		width += $(listeLi[i]).width()+parseInt($(listeLi[i]).css('padding-left'))*2;
	}
	$('#sous_nav > ul').css('width', width);
	$('#sous_nav > ul').css('visibility', 'visible');
}


//--------------------------------------
//--- FONCTION POUR ENLEVER LES
//--- FOCUS (LISERET POINTILLE) DES LIENS
//--------------------------------------
function disabledFocus()
{
	$("a").focus(
		function ()
		{
			$(this).blur();	
		}
	);		
}