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
        try {
          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;
              }
          }
        } catch(e) {

        }
    },
    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);
*/