var delay = 300;
var timeout;
var timeout2;
var nbItems = 0;
var nbSubItems = 0;
var idPereActif = '';


	//----- La fonction suivante est totalement indépendante de la précédente, et vice versa

	function cherche_systeme_simple() {

	// on crée la variable qui accueillera le message relatif au système d'exploitation
	var systeme = "";

	// on teste si on trouve la mention 'Win' dans le nom du navigateur
	if ( navigator.userAgent.indexOf('Win') != -1 ) { systeme = 'PC'; }
	else if ( navigator.userAgent.indexOf('Mac') != -1 ) { systeme = 'Mac'; }

	// si rien n'a été reconnu...
	else { systeme = 'Vous travaillez sur quoi ?'; }

	// on affecte la variable 'systeme' au formulaire
	return systeme;
}

var ordi=cherche_systeme_simple();


function bt_out_img(div,nom) {
	img=div.getElementsByTagName('img');
	
	img[0].src=chemin_root+'/images/menu_'+nom+'_off.gif';
	
}

function bt_over_img(div,nom) {
	img=div.getElementsByTagName('img');
	
	img[0].src=chemin_root+'/images/menu_'+nom+'_on.gif';
	
}

function showMenu(num)
{

	
	id = 'menu_' + num;
	idpere = 'menup_' + num;
	idlink = 'menu-text_' + num;
	

		var decalage = 0;

	
	hideAll();
	cancelDelay();
	el = getElement(id);
	var img = document.getElementById(idpere).getElementsByTagName('img');
	if(num==1)
		nom='mangakana';
	else if(num==2)
		nom='kanazine';
	else if(num==3)
		nom='cadeaux';
	if(num!=4)
		img[0].src=chemin_root+'/images/menu_'+nom+'_on.gif';
	var pos = getPos(document.getElementById(idpere));
	if(window.innerWidth)
	{
		largeurFenetre = window.innerWidth;
	}
	else
	{
		largeurFenetre = document.body.offsetWidth;
	}
	if(largeurFenetre < 980)
	{
		largeurFenetre = 980;
	}
	if((pos.x + 100) >= largeurFenetre)
	{
		el.left = (pos.x - decalage - 75) + 'px';
	}
	else
	{
		el.left = (pos.x - decalage) + 'px';
	}
	el.top = (pos.y + 13) + 'px';
	document.getElementById(idlink).className='menu-text-highlight';
	document.getElementById(id).className='menu-on';
	var taille=document.getElementById('menu_'+num).offsetWidth;
	if(num!=4)
		document.getElementById('ssmenu_'+num).style.width=(taille-18)+'px';
}

function showSubmenu(num, numPere)
{
	id = 'submenu_' + num;
	idpere = 'menu_' + numPere;

	hideAllSub();
	cancelDelay();
	cancelSubDelay();
	el = getElement(id);
	
	var pos = getPos(document.getElementById(idpere));
	var largeur = document.getElementById(idpere).offsetWidth - 6;
	document.getElementById(idpere).className='sub-menu-ss-actif';
	idPereActif = idpere;
	
	document.getElementById(id).className='submenu-on';
	if(window.innerWidth)
	{
		largeurFenetre = window.innerWidth;
	}
	else
	{
		largeurFenetre = document.body.offsetWidth;
	}
	if(largeurFenetre < 980)
	{
		largeurFenetre = 980;
	}
	if((pos.x + 300) >= largeurFenetre)
	{
		el.left = (pos.x - document.getElementById(id).offsetWidth + 5) + 'px';
	}
	else
	{
		el.left = (pos.x + largeur + 5) + 'px';
	}
	
	
	if(num==1 || num==11)
	{
		if(ordi=='Mac')
		{
			document.getElementById(id).className='submenu-on2';
			if(document.getElementById('serie_titre_text'))
				document.getElementById('serie_titre_text').style.display='none';
		}
		else
			document.getElementById(id).className='submenu-on';
		el.top = (pos.y - 13) + 'px';
		document.getElementById('sh_submenu_'+num).style.backgroundColor='transparent';
		document.getElementById('ss_submenu_'+num).style.backgroundColor='transparent';
		var so = new SWFObject(chemin_root+"/swf/menu_flash.swf", "menu_flash_serie", "145", "170", "7");
		so.addParam("wmode", "transparent");
		so.addVariable("chemin_root", chemin_root);
		if(num==11)
			so.addVariable("param", "auteurs");
		so.write("submenutexte_"+num);		
	}
	else
		el.top = (pos.y - 9) + 'px';
	var taille=document.getElementById('submenu_'+num).offsetWidth;
	document.getElementById('ss_submenu_'+num).style.width=(taille-18)+'px';
	document.getElementById('sh_submenu_'+num).style.width=(taille-9)+'px';
	for(var i=3; i<(nb_collection+3); i++)
	{
		//if(document.getElementById('label_'+i))
			document.getElementById('label_'+i).className='sub-menu-ss';
	}
}

function showSubSubmenu(num, numPere, idcoll)
{
	id = 'submenu_' + num;
	idpere = 'menu_' + numPere;

	cancelDelay();
	cancelSubDelay();
	el = getElement(id);
	
	var pos = getPos(document.getElementById(idpere));
	var largeur = document.getElementById(idpere).offsetWidth - 6;
	document.getElementById(idpere).className='sub-menu-ss-actif';
	document.getElementById('label_'+num).className='sub-menu-ss-actif';
	idPereActif = idpere;
	if(ordi=='Mac')
	{
		document.getElementById(id).className='submenu-on2';
		if(document.getElementById('serie_titre_text'))
				document.getElementById('serie_titre_text').style.display='none';
	}
	else
		document.getElementById(id).className='submenu-on';
	if(window.innerWidth)
	{
		largeurFenetre = window.innerWidth;
	}
	else
	{
		largeurFenetre = document.body.offsetWidth;
	}
	if(largeurFenetre < 980)
	{
		largeurFenetre = 980;
	}
	if((pos.x + 300) >= largeurFenetre)
	{
		el.left = (pos.x - document.getElementById(id).offsetWidth + 135) + 'px';
	}
	else
	{
		el.left = (pos.x + largeur + 135) + 'px';
	}
	el.top = (pos.y - 20) + 'px';
	//alert('#'+tab[num]);
	document.getElementById('sh_submenu_'+num).style.backgroundColor='transparent';
	document.getElementById('ss_submenu_'+num).style.backgroundColor='transparent';
	
	document.getElementById('label_'+num).style.backgroundColor='#'+tab[num];
	document.getElementById('label_'+num).style.color='#ffffff';

	var so = new SWFObject(chemin_root+"/swf/menu_flash.swf", "menu_flash_serie", "145", "170", "7");
	so.addParam("wmode", "transparent");
	so.addVariable("chemin_root", chemin_root);
	so.addVariable("param", idcoll);
	so.addVariable("colorcoll", "0x"+tab_couleur[idcoll]);
	so.write("submenutexte_"+num);			

	var taille=document.getElementById('submenu_'+num).offsetWidth;
	document.getElementById('ss_submenu_'+num).style.width=(taille-18)+'px';
	document.getElementById('sh_submenu_'+num).style.width=(taille-9)+'px';
}

function hideAll()
{
	hideAllSub();
	for(var i=1; i<=nbItems; i++)
	{
		document.getElementById('menu-text_' + i).className='menu-text';
		document.getElementById('menu_' + i).className='menu-off';
		var img = document.getElementById('menup_1').getElementsByTagName('img');
		img[0].src=chemin_root+'/images/menu_mangakana_off.gif';
		var img = document.getElementById('menup_2').getElementsByTagName('img');
		img[0].src=chemin_root+'/images/menu_kanazine_off.gif';
		var img = document.getElementById('menup_3').getElementsByTagName('img');
		img[0].src=chemin_root+'/images/menu_cadeaux_off.gif';
	}
	if(document.getElementById('serie_titre_text'))
				document.getElementById('serie_titre_text').style.display='block';
}

function hideAllSub()
{
	for(var i=1; i<=nbSubItems; i++)
	{
		
		document.getElementById('submenu_' + i).className='submenu-off';
		if(i==1 || i>=3)
			document.getElementById('submenutexte_' + i).innerHTML='';
	}
	if(idPereActif != '')
	{
		document.getElementById(idPereActif).className='sub-menu-ss';
		
		idPereActif = '';
		
	}
	if(document.getElementById('serie_titre_text'))
				document.getElementById('serie_titre_text').style.display='block';
}

function hideDelay()
{
	timeout = setTimeout('hideAll()', delay);
}

function hideSubDelay()
{
	timeout2 = setTimeout('hideAllSub()', delay);
}

function hideSubSubDelay(sub)
{
	for(var i=3; i<(nb_collection+3); i++)
	{
		document.getElementById('label_'+i).className='sub-menu-ss';
		if(sub!=i)
		{
			document.getElementById('submenu_' + i).className='submenu-off';
			document.getElementById('submenutexte_' + i).innerHTML='';
		}
	}
}


function cancelDelay()
{
	clearTimeout(timeout);
}

function cancelSubDelay()
{
	cancelDelay();
	clearTimeout(timeout2);
}

function getPos(element)
{
	for(var lx=0,ly=0; element!=null; lx+=element.offsetLeft,ly+=element.offsetTop,element=element.offsetParent)
		;
	return {x:lx,y:ly};
}

function getElement(id)
{
	// getElementById ==> Navigateurs recents supportant le DHTML
	// document.layers ==> Netscape 4.x
	el = document.all ? document.all[id] : document.getElementById ? document.getElementById(id) : document.layers[id];
	el = document.layers ? el : el.style;
	return el;
}

/* FONCTIONS UTILISEES POUR LES ICONES */
var descriptionText='';
var timeout2;

function descriptionShow(nom, descriptionText)
{
	descriptionHideNoDelay();
	clearTimeout(timeout2);
		
	var posx = document.getElementById('icon_' + nom).offsetLeft + 25;
	document.getElementById('description-arrow').style.visibility = 'visible';
	document.getElementById('description-texte').innerHTML = descriptionText;
}

function descriptionHide()
{
	timeout2 = setTimeout('descriptionHideNoDelay()', delay);
}

function descriptionHideNoDelay()
{
	document.getElementById('description-arrow').style.visibility='hidden';
	document.getElementById('description-texte').innerHTML = descriptionText;
}

function setDefaultDescriptionText(text)
{
	descriptionText = text;
	document.getElementById('description-texte').innerHTML = descriptionText;
}


function findobj(n, d)
{
	var p,i,x;
	if(!d)
		d=document;
	if((p=n.indexOf("?"))>0&&parent.frames.length)
	{
		d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);
	}
	if(!(x=d[n])&&d.all)
		x=d.all[n];
	for (i=0;!x&&i<d.forms.length;i++)
		x=d.forms[i][n];
	for(i=0;!x&&d.layers&&i<d.layers.length;i++)
		x=MM_findObj(n,d.layers[i].document);
	if(!x && d.getElementById)
		x=d.getElementById(n);
	return x;
}