// JavaScript Document

/* détection IE6 & IE7 */
var IE6 = false;
var strChUserAgent = navigator.userAgent;
var intSplitStart = strChUserAgent.indexOf("(",0);
var intSplitEnd = strChUserAgent.indexOf(")",0);
var strChMid = strChUserAgent.substring(intSplitStart, intSplitEnd);
if(strChMid.indexOf("MSIE 6") != -1) IE6 = true;


var IE7 = false;
IE7 = (document.all && !window.opera && window.XMLHttpRequest);

/* ************ */
/*  TESTS BULLE */
/* ************ */
	/* Fadein / out */
	function opacity(id, opacStart, opacEnd, millisec) {
		//speed for each frame
		var speed = Math.round(millisec / 100);
		var timer = 0;
		
		//determine the direction for the blending, if start and end are the same nothing happens
		if(opacStart > opacEnd) {
			for(i = opacStart; i >= opacEnd; i--) {
				setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
				timer++;
			}
		} else if(opacStart < opacEnd) {
			for(i = opacStart; i <= opacEnd; i++) {
				setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
				timer++;
			}
		}
	}

	//change the opacity for different browsers
	function changeOpac(opacity, id) {
		var object = document.getElementById(id).style;
		if (object.opacity) 		{object.opacity = (opacity / 100);}
		if (object.MozOpacity) 		{object.MozOpacity = (opacity / 100)};
		if (object.KhtmlOpacity) 	{object.KhtmlOpacity = (opacity / 100)};
		//if (object.filter) 			{object.filter = "alpha(opacity=" + opacity + ")"};
	} 

	function shiftOpacity(id, millisec) {
		//if an element is invisible, make it visible, else make it ivisible
		if(document.getElementById(id).style.opacity == 0) {
			opacity(id, 0, 100, millisec);
		} else {
			opacity(id, 100, 0, millisec);
		}
	} 

/* Masquage de 1 ou plusieurs elements de type blocs => passer les id en parametres */
	function hide() {
		for (var i=0; i<arguments.length; i++ ) {
			if ( document.getElementById(arguments[i]) ){
				document.getElementById(arguments[i]).style.visibility = 'hidden';
				document.getElementById(arguments[i]).style.height = 0;
			}
		}
	}


/* affichage */
	
	function affiche_bulle(id) {
		for(i=1;i<=500000;i++){i=i;}	// tempo barbare, on le fait compter
		var bulle=document.getElementById(id);
		var divName = id;
		var decalX = 16;          			// X décalage de la bulle / position souris
		var decalY = -(249+16);         	// Y décalage de la bulle / position souris
/*		if (window.innerHeight) { var hauteurNav = window.innerHeight; } else { var hauteurNav = screen.height; }	//ff else ie
		if (window.innerWidth) { var largeurNav = window.innerWidth; } else { var largeurNav = screen.width; } */
		largeurNav = screen.availWidth;		//multi navigateurs
		hauteurNav = screen.availHeight;	//multi navigateurs
		midX = (largeurNav / 2);
		midY = (hauteurNav / 2);

		function mouseX(evt) {				// position X souris
			if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;
			}
	
		function mouseY(evt) {				// position Y souris
			if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;
			}
		
		function follow(evt) {
			if(parseInt(mouseX(evt)) >= midX) {
				offX = (decalX - (249 + 16 + 16));
				bulle.style.backgroundImage="url(assets/images/css/plongee/fond_bulle_inverse.png)";
			}
			else {
				offX = decalX;
				bulle.style.backgroundImage="url(assets/images/css/plongee/fond_bulle.png)";
			}
			bulle.style.left = (parseInt(mouseX(evt))+offX) + 'px';
			bulle.style.top = (parseInt(mouseY(evt))+decalY) + 'px';

			//document.getElementById('pied_centre').innerHTML = "<span style='color:white;'>Pos X:" + parseInt(mouseX(evt)) + " PosY:" + parseInt(mouseY(evt)) + "</span>";
		}

		document.onmousemove = follow;

		if (!IE6 && !IE7) {document.getElementById(id).style.opacity = 0;}	// prépare la div à apparaître
		bulle.style.height = "219px";
		bulle.style.visibility = 'visible';
		if (!IE6 && !IE7) { shiftOpacity(id, 250); }
	}

/* ****************************** */
/* MOOTOOLS						  */
/* ****************************** */
window.addEvent('domready', function(){
	/* ******************************* */
	/* 			SLIDE VIDEOS		   */
	/* ******************************* */
	var largeurEcran = 225;		//largeur div 'ecran' où le slide est masqué
		$('avgauche').addEvent('click', function(e){
			if ($('slide').offsetLeft < 0) {
				$('slide').setStyle('z-index', 0);
				$('ecran').setStyle('z-index', 100);
				$('ecran').setStyle('overflow', 'hidden');
				$('ecran').setStyle('position', 'relative');
				var posx = $('slide').offsetLeft;
				if (posx%largeurEcran != 0) { posx = (posx - (posx%largeurEcran))-largeurEcran; }
				new Fx.Move($('slide'), {
				  relativeTo: $('ecran'),
				  position: 'upperLeft',
				  offset: {x: (posx+largeurEcran), y: 0},
				  transition: Fx.Transitions.Quint.easeOut,
				  /*transition: Fx.Transitions.Bounce.easeOut,
				  transition: Fx.Transitions.Elastic.easeOut,*/
				  duration: 500
				}).start();
			}
		});
		$('avdroit').addEvent('click', function(e){	//alert("offsetLeft: " + $('slide').offsetLeft);
			var largDivCss	= $('slide').getStyle('width');
			largDiv		= largDivCss.substring(0, (largDivCss.length - 2));	
			if ($('slide').offsetLeft != (-largDiv+largeurEcran) ) {
				$('slide').setStyle('z-index', 0);
				$('ecran').setStyle('z-index', 100);
				$('ecran').setStyle('overflow', 'hidden');
				$('ecran').setStyle('position', 'relative');
				var posx = $('slide').offsetLeft;
				if (posx%largeurEcran != 0) { posx = (posx - (posx%largeurEcran))+largeurEcran; }
				new Fx.Move($('slide'), {
			  	  relativeTo: $('ecran'),
			  	  position: 'upperLeft',
			  	  offset: {x: (posx-largeurEcran), y: 0},
			  	  transition: Fx.Transitions.Quint.easeOut,
			  	  /*transition: Fx.Transitions.Bounce.easeOut,
			  	  transition: Fx.Transitions.Elastic.easeOut,*/
			  	  duration: 500
				}).start();
			}
		});
	
		$('avdebut').addEvent('click', function(e){
			if ($('slide').offsetLeft < 0) {
				$('slide').setStyle('z-index', 0);
				$('ecran').setStyle('z-index', 100);
				$('ecran').setStyle('overflow', 'hidden');
				$('ecran').setStyle('position', 'relative');
				var posx = $('slide').offsetLeft;
				new Fx.Move($('slide'), {
				  relativeTo: $('ecran'),
				  position: 'upperLeft',
				  offset: {x: 0, y: 0},
				  transition: Fx.Transitions.Quint.easeIn,
				  transition: Fx.Transitions.Elastic.easeOut,
				  duration: 2000
				}).start();
			}
		});
	
		$('avfin').addEvent('click', function(e){	//alert("offsetLeft: " + $('slide').offsetLeft);
			var largDivCss	= $('slide').getStyle('width');
			largDiv		= largDivCss.substring(0, (largDivCss.length - 2));	
			if ($('slide').offsetLeft != (-largDiv+largeurEcran) ) {
				$('slide').setStyle('z-index', 0);
				$('ecran').setStyle('z-index', 100);
				$('ecran').setStyle('overflow', 'hidden');
				$('ecran').setStyle('position', 'relative');
				var posx = $('slide').offsetLeft;
				new Fx.Move($('slide'), {
				  relativeTo: $('ecran'),
				  position: 'upperLeft',
				  offset: {x: -(largDiv-largeurEcran), y: 0},
				  transition: Fx.Transitions.Quint.easeIn,
				  transition: Fx.Transitions.Elastic.easeOut,
				  duration: 2000
				}).start();
			}
		});


	/* ******************************* */
	/* 			Boite langues		   */
	/* ******************************* */

	// Commande à distance de 'langue_cont' par 'langue'
	$('langue').addEvents({
		'mouseenter': function(){
			// Always sets the duration of the tween to 1000 ms and a bouncing transition
			// And then tweens the height of the element
			$('langue_cont').set('tween', {
				duration: 500,
				transition: Fx.Transitions.Bounce.easeOut // This could have been also 'bounce:out'
			}).tween('height', '72px');
		},
		'mouseleave': function(){
			// Resets the tween and changes the element back to its original size
			$('langue_cont').set('tween', {
				duration: 500,
				transition: Fx.Transitions.Bounce.easeOut
			}).tween('height', '0');
		}
	});

	var status = {
		'true': '<img src="assets/images/css/plongee/crit/crit_off.gif" />',
		'false': '<img src="assets/images/css/plongee/crit/crit_on.gif" />'
	};
	
	//-vertical slide
	var myVerticalSlide = new Fx.Slide('criteres_sel_contenu');
		myVerticalSlide.hide();
	$('v_toggle').addEvent('click', function(e){
		e.stop();
		myVerticalSlide.toggle();
	});
	// When Vertical Slide ends its transition, we check for its status
	// note that complete will not affect 'hide' and 'show' methods
	myVerticalSlide.addEvent('complete', function() {
		$('aide_sel').set('html', status[myVerticalSlide.open]);
	});



});


/* *********************** */
/* 		Autres fontions    */
/* *********************** */
function changeImg(cible, par) {
	var picture = document.getElementById(cible);
	picture.innerHTML = par;
}

/* Redirection par liste deroulante 'jumpMenu' */
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

function openLoad(){
	if (!IE6 && !IE7){ document.getElementById('liste_prod').style.opacity='0.15';
		// else { document.getElementById('liste_prod').style.filter = "alpha(opacity=15)"; }
		var hauteurListeProd = document.getElementById('liste_prod').availHeight;
		document.getElementById('loadingMessage').style.top = (2 * (hauteurListeProd / 3)) + 33;
		document.getElementById('loadingMessage').style.visibility='visible';
	}
	var v=0;
}

function closeLoad(){
	if (!IE6 && !IE7){ document.getElementById('liste_prod').style.opacity='1';
		// else { document.getElementById('liste_prod').style.filter = "alpha(opacity=100)"; }
		document.getElementById('loadingMessage').style.visibility='hidden';
	}
	var v=0;
}