// COMPATIBILITE

var nn4 = (document.layers) ? true : false;
var ie = (document.all) ? true : false;
var dom = (document.getElementById && !document.all) ? true : false;

/* Return the complete path to a given element */

function browser(layername) {
	if(nn4) {
		path = document.layers[layername];
	} else if(ie) {
		path = document.all[layername];
	} else {
		path = document.getElementById(layername);
	}
	return path;
}

function test_compatibilite() {
	var Netscape, MSIE, Opera, Unknown;
	var Win, Mac, Other;
	var NetscapeVer, MSIEVer, OperaVer;

	// detect browser
	Netscape = navigator.appName == "Netscape";
	MSIE = navigator.appName == "Microsoft Internet Explorer";
	Opera = navigator.userAgent.indexOf("Opera") > -1;
	Unknown = !(Netscape || MSIE || Opera);

	// detect platform
	Win = navigator.userAgent.indexOf("Win") > -1;
	Mac = navigator.userAgent.indexOf("Mac") > -1;
	Other = !(Win || Mac);

	// now extract version numbers
	if(Netscape) {
		NetscapeVer = parseFloat(navigator.appVersion);
	} else if(MSIE) {
		n = navigator.userAgent;
		MSIEVer = n.substr(n.indexOf("MSIE ")+("MSIE ").length, 4);
		MSIEVer = parseFloat(MSIEVer); 
		// converts it into a floatint point number
		if(Opera) {
			OperaVer = n.substr(n.indexOf("Opera ")+("Opera ").length, 4);
			OperaVer = parseFloat(OperaVer);
		}
	}

	if (MSIEVer < 6 || NetscapeVer < 5) {
		window.open("compatibilite.php","compatibilite","toolbar=0,location=0,directories=0,status=0,scrollbars=0,resizable=0,copyhistory=0,menuBar=0,width=640,height=480");
	}
}



// MENU

var menuencours;

function cache_menu() {
	menuencours = setTimeout('montre_menu(\'\');', 6000);
}

function laisse_menu() {
	clearTimeout(menuencours);
}

function montre_menu(id) {
	clearTimeout(menuencours);
	var d = document.getElementById(id);
	for (var i = 0; i<=10; i++) {
		if (document.getElementById('menu_'+i)) {document.getElementById('menu_'+i).style.display='none';}
	}
	if (d) {d.style.display='block';}
}



// NEWS DEFILANTES EN HOME

function defile(numero, top, nombre) {
	if (nombre > 0) {
		if (nombre <= 1)	document.getElementById('news1').style.top = '0px';
		else	montre(numero, top, nombre);
	}
}

function montre(numero, top, nombre) {
	pas = 2;
	vitesse = 1;

	top = top - pas;

	if (top <= -2) {
		deplacement = setTimeout('cache(' + numero + ',-2,' + nombre + ');', 9000);

		if (numero < nombre)	numero = numero + 1;
		else	numero = 1;
		deplacement = setTimeout('montre(' + numero + ', 240,' + nombre + ');', 8900);
	}
	else {
		document.getElementById('news' + numero).style.top = top + 'px';

		deplacement = setTimeout('montre(' + numero + ',' + top + ',' + nombre + ');', vitesse);
	}
}

function cache(numero, top, nombre) {
	pas = 2;
	vitesse = 1;

	if (top >= -240) {
		top = top - pas;
	
		document.getElementById('news' + numero).style.top = top + 'px';
	
		deplacement = setTimeout('cache(' + numero + ',' + top + ',' + nombre + ');', vitesse);
	}
	else {
		document.getElementById('news' + numero).style.top = 240 + 'px';
	}
}



// METIER

function montrer_profil(element) {
	var MSIEVer = 1000;
	var MSIE = navigator.appName == "Microsoft Internet Explorer";
	if (MSIE) {
		n = navigator.userAgent;
		MSIEVer = n.substr(n.indexOf("MSIE ")+("MSIE ").length, 4);
		MSIEVer = parseFloat(MSIEVer);
	}
		
	if (MSIEVer <= 6) document.getElementById('contenu').style.backgroundImage='url(\'./images/metier_' + element + '.gif\')';
	else document.getElementById('contenu').style.backgroundImage='url(\'./images/metier_' + element + '.png\')';

	document.getElementById('profil_marketing_feature').style.visibility='hidden';
	document.getElementById('profil_creativite_feature').style.visibility='hidden';
	document.getElementById('profil_design_feature').style.visibility='hidden';
	document.getElementById('profil_audiovisuel_feature').style.visibility='hidden';
	document.getElementById('profil_multimedia_feature').style.visibility='hidden';

	document.getElementById('profil_marketing').src='./images/menu_profil_marketing.gif'; 
	document.getElementById('profil_creativite').src='./images/menu_profil_creativite.gif'; 
	document.getElementById('profil_design').src='./images/menu_profil_design.gif'; 
	document.getElementById('profil_audiovisuel').src='./images/menu_profil_audiovisuel.gif'; 
	document.getElementById('profil_multimedia').src='./images/menu_profil_multimedia.gif'; 

	document.getElementById('profil_' + element).src='./images/menu_profil_' + element + '_on.gif';
	document.getElementById('profil_' + element + '_feature').style.visibility='visible';
}



// CONSEIL

function montrer_conseil(element) {
	document.getElementById('conseil_communication_commerciale_feature').style.visibility='hidden';
	document.getElementById('conseil_communication_corporate_feature').style.visibility='hidden';
	document.getElementById('conseil_communication_institutionnelle_feature').style.visibility='hidden';
	document.getElementById('conseil_communication_interne_feature').style.visibility='hidden';
	document.getElementById('conseil_communication_multimedia_feature').style.visibility='hidden';

	document.getElementById('conseil_communication_commerciale').src='./images/menu_conseil_communication_commerciale.gif'; 
	document.getElementById('conseil_communication_corporate').src='./images/menu_conseil_communication_corporate.gif'; 
	document.getElementById('conseil_communication_institutionnelle').src='./images/menu_conseil_communication_institutionnelle.gif'; 
	document.getElementById('conseil_communication_interne').src='./images/menu_conseil_communication_interne.gif'; 
	document.getElementById('conseil_communication_multimedia').src='./images/menu_conseil_communication_multimedia.gif'; 

	document.getElementById('conseil_' + element).src='./images/menu_conseil_' + element + '_on.gif';
	document.getElementById('conseil_' + element + '_feature').style.visibility='visible';
}



// REFERENCES

function montrer_references(element) {
	document.getElementById('references_creations_graphiques_feature').style.visibility='hidden';
	document.getElementById('references_identites_visuelles_feature').style.visibility='hidden';
	document.getElementById('references_creation_de_sites_internet_feature').style.visibility='hidden';
	document.getElementById('references_creation_et_communication_audiovisuelle_feature').style.visibility='hidden';
	document.getElementById('references_e_communication_feature').style.visibility='hidden';

	document.getElementById('references_creations_graphiques').src='./images/menu_references_creations_graphiques.gif'; 
	document.getElementById('references_identites_visuelles').src='./images/menu_references_identites_visuelles.gif'; 
	document.getElementById('references_creation_de_sites_internet').src='./images/menu_references_creation_de_sites_internet.gif'; 
	document.getElementById('references_creation_et_communication_audiovisuelle').src='./images/menu_references_creation_et_communication_audiovisuelle.gif'; 
	document.getElementById('references_e_communication').src='./images/menu_references_e_communication.gif'; 

	document.getElementById('references_' + element).src='./images/menu_references_' + element + '_on.gif';
	document.getElementById('references_' + element + '_feature').style.visibility='visible';
}



// GALERIE MOBILE

var menu_mobile_largeur = 0;
var menu_mobile_gauche = 0;	// variable

var menu_fixe_largeur = 580;	// variable
var menu_fixe_hauteur = 57;
var menu_fixe_gauche = 0;	// variable
var menu_fixe_haut = 0;

var deplacement = 0;

var sens = 0;

function menu_creation(mml) {
	menu_mobile_largeur = mml;
	document.getElementById('galerie_liste_items_items').style.width = menu_mobile_largeur + 'px';
}

function deplace(sens) {
	// sens = -1, le menu se déplace vers la gauche
	// sens = +1, le menu se déplace vers la droite

	pas = 2 * sens;
	vitesse = 2;
	
	menu_mobile_gauche -= pas;

	if ((menu_mobile_gauche <= 0) && (menu_mobile_gauche >= menu_fixe_largeur - menu_mobile_largeur)) {
		document.getElementById('galerie_liste_items_items').style.left = menu_mobile_gauche + 'px';
		deplacement = setTimeout('deplace(' + sens + ');', vitesse);
	}
}



// FONDU ENCHAINE

var photo = 1;
var fonduencours;
var imageencours = '';

function fondu(element, opacite, sens) {
	if ((opacite > 0) && (opacite < 1)) {
		opacite = opacite + sens * 0.3;
		
		if (opacite < 0) opacite = 0;
		if (opacite > 1) opacite = 1;
		opacite100 = opacite * 100;
		
		if (navigator.appName == "Microsoft Internet Explorer") {
			document.getElementById(element).style.filter = "alpha(opacity="+opacite100+")";
		}
		else {
			document.getElementById(element).style.opacity = opacite;
		}
		fonduencours = setTimeout('fondu(\''+element+'\', ' + opacite + ', ' + sens + ');', 1);
	}
}

function transition(image) {
	var _div_id = '';
	if (image != imageencours) {
		imageencours = image;
		clearTimeout(fonduencours);
		_div_id = 'photo'+photo;
		photo++;

		var _photo = document.getElementById("photo");
		if (navigator.appName == "Microsoft Internet Explorer") {
			_photo.appendChild(document.createElement("<div id=\"" + _div_id + "\" style=\"position: absolute; left: 0px; top: 0px; width: 100%; height: 350px; alpha(opacity=0); background: transparent url(./images/dot.gif) no-repeat left top;\);></div>"));
		}
		else {
			var _div = document.createElement("div");
			_div.setAttribute("style", "position: absolute; left: 0px; top: 0px; width: 100%; height: 350px; opacity: 0; background: transparent url(./images/dot.gif) no-repeat left top;");
			_div.setAttribute("id", _div_id);
			_photo.appendChild(_div);
		}
		
		var _navigation = document.getElementById("arbo_fond_droitec");
		var _span = document.createElement("span");
		var _txt = document.createTextNode("Chargement en cours...");
		_span.appendChild(_txt);
		_navigation.appendChild(_span);
		
		if ((loadingimage[image]) && (loadingimage[image] == 1)) {
			document.getElementById(_div_id).style.backgroundImage = 'url('+image+')';
			fondu(_div_id, 0.15, 1);
			_navigation.removeChild(_navigation.lastChild);
			if (photo > 3) _photo.removeChild(_photo.firstChild);
		}
		else {
			var nouvelleimage = new Image;
			nouvelleimage.src = image;
			nouvelleimage.onload = function() {
				loadingimage[image] = 1;
				document.getElementById(_div_id).style.backgroundImage = 'url('+nouvelleimage.src+')';
				fondu(_div_id, 0.15, 1);
				_navigation.removeChild(_navigation.lastChild);
				if (photo > 3) _photo.removeChild(_photo.firstChild);
			}
		}
	}
}



// GALERIE

var bandeausuivantencours = 1;

function bandeau_suivant(bandeau, image) {
	document.getElementById('bandeau_suivant_' + bandeausuivantencours).src = './images/galerie_bandeau_suivant_off.png';
	bandeausuivantencours = bandeau;
	document.getElementById('bandeau_suivant_' + bandeausuivantencours).src = './images/galerie_bandeau_suivant_on.png';
	transition(image);
}

function focus_reference(reference, image) {
	var element = document.getElementById('galerie_item_image_' + referenceencours);
	var adresse = element.src;
	element.style.backgroundImage='url(./images/galerie_fond_off.gif)';
	element.src = adresse.replace("_on.jpg", ".jpg");
	
	referenceencours = reference;

	var element = document.getElementById('galerie_item_image_' + reference);
	element.style.backgroundImage='url(./images/galerie_fond_on.gif)';
	element.src = './galerie/' + image + '_on.jpg';
}

function changement_reference(reference, nombre_bandeaux) {
	var _navigation = document.getElementById("arbo_fond_droitec");
	while (_navigation.hasChildNodes()) {
		_navigation.removeChild(_navigation.firstChild);
	}
	
	if (nombre_bandeaux > 1) {
		for (i=1; i<=nombre_bandeaux; i++) {
			if (i==1) etat = "_on";
			else etat = "_off";
			
			if (navigator.appName == "Microsoft Internet Explorer") {
				_navigation.appendChild(document.createElement("<img id=\"bandeau_suivant_" + i + "\" src=\"./images/galerie_bandeau_suivant" + etat + ".png\" alt=\"" + i + "\" onclick=\"bandeau_suivant(" + i + ", './galerie/" + reference + "_bandeau_" + i + ".jpg');\" align=\"top\" />"));
			}
			else {
				var _img = document.createElement("img");
				_img.setAttribute("id", "bandeau_suivant_" + i);
				_img.setAttribute("src", "./images/galerie_bandeau_suivant" + etat + ".png");
				_img.setAttribute("alt", i);
				_img.setAttribute("onclick", "bandeau_suivant(" + i + ", './galerie/" + reference + "_bandeau_" + i + ".jpg');");
				_img.setAttribute("align", "top");
				_navigation.appendChild(_img);
			}
		}
	}
	
	bandeausuivantencours = 1;
	transition('./galerie/' + reference + '_bandeau_1.jpg');
}