var topParentLeftPos = 0;
var timeoutVar;
function showBulle(oThis) { // positionne la bulle selon la pos de la souris
	topParentLeftPos = parseFloat(oThis.offsetParent.offsetParent.offsetParent.offsetLeft);// connu car element meme endroit
	this.oBulle = document.getElementById('bulle');
	this.goingToOpac = null;// = alpha(false,false);

	this.oBulle.style.display ='block';

	function alpha(set, value){
		if(isIE) {// IE
			if (set==true) return oBulle.filters.alpha.opacity = value;
			else return oBulle.filters.alpha.opacity;
		} else {
			if (set==true) return oBulle.style.opacity = value/100;
			else return (getComputedStyle(oBulle, null).opacity)*100;
		}
	}

	oThis.onmousemove = function(e) {
		goingToOpac=100;
		if (window.event) e = window.event;
		var winX = (e.x || e.clientX);
		oBulle.style.left = (winX-topParentLeftPos)+"px";
	}
	oThis.onmouseout = function () {
		goingToOpac=0;
		setDivFade();
		document.onmousemove = function() {
			return false;
		}
	}

	this.setDivFade = function () {
		var actualFade = alpha(false,false);
		var dx =  (goingToOpac - actualFade);
		if (goingToOpac==0) var doMath = Math.floor(goingToOpac-(0.90*dx));
		else var doMath = Math.ceil(goingToOpac-(0.90*dx));

		if (actualFade!=goingToOpac) {
			alpha(true, doMath);
			timeoutVar = setTimeout( 'setDivFade()', 10);
		} else {
			clearInterval(timeoutVar);
			if (goingToOpac==0) oBulle.style.display ='none';
		}
	}
	this.setDivFade();
}


//|--------------| zoom
var zoomOnImage= {// gestion du zoom
	set : function () { // recherche si une image existe dans zoomimage => on affiche le bouton zoom
		var izHTML = document.getElementById("zoomimage").innerHTML;
		var isLink = document.getElementById("zoom").getElementsByTagName('a');
		if (izHTML=='') {
			document.getElementById("zoom").style.display='none';
		} else {
			isLink[0].onclick = function () {// ajout du click
				zoomOnImage.show();
				return false;
			}
		}
	},
	show : function () {
		var state = document.getElementById("mainimage").style.display;
		if (state=='none') {
			document.getElementById("zoomimage").style.display = 'none';
			document.getElementById("mainimage").style.display = 'block';
			document.getElementById("btzoom").src = preUrl+'_img/zoom+.gif';
		} else {
			document.getElementById("mainimage").style.display = 'none';
			document.getElementById("zoomimage").style.display = 'block';
			document.getElementById("btzoom").src = preUrl+'_img/zoom-.gif';
		}
	}
}


//|--------------| tell a friend call 4 AJAX answer
var tfc = new RemoteListe('tfc','response');
var getAjaxAnswer = {
	sending : function (theForm) {

		var ajaxTab = new Array;
		var oForm = document.getElementById(theForm);
		var oFormElts = oForm.elements;
		for (var i=0; i<oFormElts.length; i++){
			ajaxTab[oFormElts[i].id]	= oFormElts[i].value;
		}
		tfc.getXmlList( oForm.action, ajaxTab );
		getAjaxAnswer.hideElts();
	},
	hideElts : function() {
		document.getElementById("response").style.display = 'block';
		document.getElementById("tableau").style.display = 'none';
		document.getElementById("send").style.display = 'none';
		document.getElementById("message_error").style.display = 'none';
	},
	resetForm : function() {
		document.getElementById("response").style.display = 'none';
		document.getElementById("tableau").style.display = '';
		document.getElementById("send").style.display = 'block';
		var formsArray = document.getElementsByTagName("form");
		for (var i=0;i<formsArray.length;i++){
			var oFormElts = formsArray[i].elements;
			for (var j=0; j<oFormElts.length; j++){
				if (oFormElts[j].type!="submit") {
					oFormElts[j].value = '';
				}
			}
		}
	}
}

//|--------------------------------------
var mediamanager = {
	link : null, closeDiv : null, media : null, mediadisplay : null, thisLinkSlideShow: null,
	set: function(){
		this.closeDiv = document.getElementById("fermer");
		this.media	= document.getElementById("mediacontent");
		this.mediadisplay = document.getElementById("mediadisplay");

		var getallLinks = document.getElementById("productcontent").getElementsByTagName("a");
		for(var i=0;i<getallLinks.length;i++){
			if (getallLinks[i].className.indexOf("medialink")>=0) {
				getallLinks[i].saveIvar = i;
				if (getallLinks[i].className.indexOf("slideshow")>0) {
					this.thisLinkSlideShow = i;
				}
				getallLinks[i].onclick = function(){
					mediamanager.linkclick(this,this.saveIvar);
					return false;
				}
			}
		}
		if (document.getElementById("slideshowcontent")!=undefined) {
			if (document.getElementById("slideshowcontent").innerHTML !='') {//imgroll.js needed
				var slideShow = document.getElementById("slideshowcontent").getElementsByTagName('img');
				for(var i=0;i<slideShow.length;i++){
					slideShow[i].style.zIndex = (100+slideShow.length-i);
				}
			}
		}
		this.closeDiv.onclick = function(){
			mediamanager.close();
		}
	},
	linkclick : function(oThis,n){
		this.centeredPopin(oThis,n);
	},
	centeredPopin : function(oThis,n) {

		var content	= oThis.href;
		var title	= oThis.title;
		var inner	= null;
		if (content.indexOf('flv')<0 ){
			if(n!=this.thisLinkSlideShow){
//			if (document.getElementById("slideshowcontent").innerHTML ==''){//image seule
				inner = '<img src="'+content+'" border="0" width="405" height="306" alt="'+title+'"/>'
			} else {//slideshow
				inner = document.getElementById("slideshowcontent").innerHTML;
				setgallery.set('mediadisplay');
			}
		} else { //flash
			inner = setFlashPlayer(content);
		}
		this.mediadisplay.innerHTML = inner;
		this.media.style.visibility = 'visible';
	},
	close : function(){
		setgallery.pause();//imgroll.js needed
		setgallery.actualImage=0; setgallery.previousImage= 0;
		this.media.style.visibility = 'hidden';
		this.mediadisplay.innerHTML = '';
	}
}

function centeredPopin(){// garde car dans flash video
	mediamanager.close();
}

//|--------------| player flash
var uid = new Date().getTime();
var flashProxy;
var timeOutvar
function setFlashPlayer(str) {

	//var tag = new FlashTag(preUrl+'_swf/VideoPlayerSkin.swf', 407, 306); // last two arguments are height and width
	var tag = new FlashTag(preUrl+'_swf/VideoPlayerSkin.swf', 518, 386); // last two arguments are height and width
	
	tag.setFlashvars('lcId='+uid);

	timeOutvar = setTimeout("playVideo('"+str+"')", 600);

	return tag.innerHTM();
}
function onVideoComplete(str) {
//	alert(str);
	var nothing;
	return nothing;
}
function playVideo(str) {
	flashProxy = new FlashProxy(uid, preUrl+'_swf/JavaScriptFlashGateway.swf');
	flashProxy.call('playVideo', str);
}

//|--------------------------------------
var teintes = {
	divCible : null, divText: null, imgmax: null, selectedTeinte : 0,
	teinteImgTab : [],
	teinteLinkTab : [],
	set : function(){
		if (document.getElementById("teintesmini")!=undefined) {
			this.divCible	= document.getElementById("teintesmini");
			this.divText	= document.getElementById("teintename");
			this.imgmax		= document.getElementById("teintemax").getElementsByTagName('img')[0];
			
			if(this.divCible != undefined){
				this.teinteImgTab = this.divCible.getElementsByTagName('img');
				this.teinteLinkTab = this.divCible.getElementsByTagName('a');
			} else {
				 return;
			}
			var teinteLength = this.teinteLinkTab.length;
			for (var i=0;i<this.teinteLinkTab.length;i++){
				this.teinteLinkTab[i].thisIvar = i;
				this.teinteLinkTab[i].saveLink = this.teinteLinkTab[i].href;
				this.teinteLinkTab[i].saveText = this.teinteLinkTab[i].title;
				this.teinteLinkTab[i].removeAttribute('href');// suppression du href des <A>
	
				this.teinteLinkTab[i].onclick = function() {
					teintes.imgLinkSetup(this.thisIvar);
				}
				this.teinteLinkTab[i].onmouseover = function() {
					teintes.changeClassName(this.thisIvar, 'set');
				}
				this.teinteLinkTab[i].onmouseout = function() {
					teintes.changeClassName(this.thisIvar, '');
				}
			}
			if (teinteLength>0) {
				//par defaut
				teintes.imgLinkSetup(0);
				// recalcul de la hauteur de la div teintes suite aux nbr de liens.
				var hCalcul = parseFloat(this.divCible.offsetHeight)+parseFloat(this.divCible.offsetTop)+5;
				document.getElementById("teinte").style.height = hCalcul+"px";
			}
		}
	},
	changeClassName : function(i,set){
		if (i!=this.selectedTeinte) {
			this.teinteLinkTab[i].className = set
		}
	},
	imgLinkSetup : function(n){
		teintes.resetLinks();

		this.imgmax.src = this.teinteLinkTab[n].saveLink;
		this.divText.innerHTML = this.teinteLinkTab[n].saveText
		this.teinteLinkTab[n].className = "set";
		this.selectedTeinte = n;

	},
	resetLinks : function(){
		for (var i=0;i<this.teinteLinkTab.length;i++){
			this.teinteLinkTab[i].className = "";
		}
	}
}

/*var nObj = blocs[k][1]
var txt ="";
for ( toto in nObj) {
	try {
	   txt += toto+" = "+nObj[toto]+"\n";
	} catch (e){ }
}
alert(txt);
*/