var setslide1 = 0, shiftSlide1 = 0, setslide2 = 0, shiftSlide2 = 0, setslide3 = 0, shiftSlide3 = 0, setzooms = 0, setsliding = 0, setvideosframe = 0;
/*
Event.observe(window, 'load', function(){
loadelements();
});*/

function loadelements() {
    setslide1 = 0;
    shiftSlide1 = 0;
    setslide2 = 0;
    shiftSlide2 = 0;
    setslide3 = 0;
    shiftSlide3 = 0;
    setzooms = 0;
    setsliding = 0;
    setvideosframe = 0;
    
    zoomlens();
    topscroller();
    switchtabs();
    openvideo();
    open_more_detailes();
    userfeedbacks();
    logosopenpops();
}



function open_more_detailes() {
    if($('open_more_detailes')){
        var morelink = $('open_more_detailes');
    if($('thetabs'))
        Event.observe(morelink, 'click', function(){
            switchtabs('detailes');$('thetabs').scrollTo()
            });
}
}

lrmEffects = {
    newPosition: 0,
    animator: new Rico.Effect.Animator(),   
    play: function(effect) {
        lrmEffects.animator.play(effect, {
            steps:20,
            duration:500
        });
    },   
    togglePosition: function(direction){
        return new Rico.Effect.Position( $(lrmEffects.target), lrmEffects.nextPosition(direction), null);
    },
    nextPosition: function(direction){
        if (direction=='left') {
            lrmEffects.newPosition = lrmEffects.position + lrmEffects.displace;
            if (lrmEffects.newPosition <= 0) {
                lrmEffects.position = lrmEffects.newPosition;
            }
            // active droite
            if($('shift2right').style.visibility == "hidden") $('shift2right').style.visibility = "visible";
            // cas desactive gauche
            if(lrmEffects.newPosition == 0) $('shift2left').style.visibility = "hidden";
            return lrmEffects.position+1;
        } else {
            lrmEffects.newPosition = lrmEffects.position - lrmEffects.displace;
            if ( lrmEffects.newPosition + ( lrmEffects.prodlistWidth - ( lrmEffects.displace * (lrmEffects.visualised - 1)) )  >= lrmEffects.displace*lrmEffects.items ) {
                lrmEffects.position = lrmEffects.newPosition;
            }
            // active gauche
            if($('shift2left').style.visibility == "hidden") $('shift2left').style.visibility = "visible";
            // cas desactive droite
            if(lrmEffects.newPosition + ( lrmEffects.prodlistWidth - ( lrmEffects.displace * (lrmEffects.visualised - 1)) ) == lrmEffects.displace*lrmEffects.items ) $('shift2right').style.visibility = "hidden";
            return lrmEffects.position-1;
        }
    }
}

botslider = {
    newPosition: 0,
    animator: new Rico.Effect.Animator(),   
    play: function(effect) {
        botslider.animator.play(effect, {
            steps:20,
            duration:500
        });
    },   
    togglePosition: function(direction){
        return new Rico.Effect.Position( $(botslider.target), botslider.nextPosition(direction), null);
    },
    nextPosition: function(direction){
        if (direction=='left') {
            botslider.newPosition = botslider.position + botslider.displace;
            if (botslider.newPosition <= 0) {
                botslider.position = botslider.newPosition;
            }
            return botslider.position+1;
        } else {
            botslider.newPosition = botslider.position - botslider.displace;
            if ( botslider.newPosition + ( botslider.prodlistWidth - ( botslider.displace * (botslider.visualised - 1)) )  >= botslider.displace*botslider.items ) {
                botslider.position = botslider.newPosition;
            }
            return botslider.position-1;
        }
    }
}

function zoomlens() {
    if($('zoomdiv')){
        if($('slider_pan')){
            
            if($('current_prod')){
                Event.observe($('current_prod'), 'mouseover', function() {
                    $('slider_pan').style.backgroundPosition = 'left -275px';
                });
                
                Event.observe($('current_prod'), 'mouseout', function() {
                    $('slider_pan').style.backgroundPosition = 'left top';
                });
            }
            
            if($('zoomlens')){
                Event.observe($('zoomlens'), 'mouseover', function() {
                    $('slider_pan').style.backgroundPosition = 'left -275px';
                });
                Event.observe($('zoomlens'), 'mouseout', function() {
                    $('slider_pan').style.backgroundPosition = 'left top';
                });
            }
        }
    }
    else{
        // alert('toto');
        $('slider_pan').style.backgroundImage ='url(/images/fiche_produit_v3/zoom_off_slider_bg.gif)';
        //$('slider_pan').style.height="180px";
    //alert('toto 2');
    }
}
function resetprev(elm) {
    try{
        var tmb = elm.getElementsByTagName('a');   
        if(typeof tmb != 'undefined' ){
            for (var ci = 0; ci < tmb.length; ci++ ) {
                if (tmb[ci].className=='clicked'){
                    tmb[ci].className ='';
                }
                //alert("imagesin "+elm.children.length );
                var imagesin = tmb[ci].getElementsByTagName("img");
                for (var yy = 0; yy <imagesin.length; yy++) {
                    if (imagesin[yy].className =='indicator'){
                        tmb[ci].removeChild(imagesin[yy]);
                    }    
                }
            }
        }
    }catch(e){
        alert("resetprev " +e);
    }
}

function switch150img(img2show) {
    var toshow = img2show;
    var allimg = $('current_prod').getElementsByTagName('img');
    for (var o = 0; o < allimg.length; o++) {
        if (allimg[o].style.display == 'none' && allimg[o].src == toshow) {
            Element.show(allimg[o]);
        } else {
            if (allimg[o].src != toshow &&  allimg[o].style.display != 'none') Element.hide(allimg[o]);
        }
    }
}
function firstDescendant2(ele) {
    element = ele.firstChild;
    while (element && element.nodeType != 1) element = element.nextSibling;
    return element;
}
function initialindicator() {
    if($('current_prod')){
        var alllarge = $('current_prod').getElementsByTagName('img');
        Element.show(alllarge[0]);
    }
    if($('shift_thumbs')){
        var firstlink = null;
        try{
            firstlink = $('shift_thumbs').firstDescendant();
        }catch(e){
            firstlink = firstDescendant2($('shift_thumbs'));
        }
        var firstimg =null;
        try{
            firstimg = firstlink.firstDescendant();
        }catch(e){
            firstimg = firstDescendant2(firstlink);
        }
        var srcpath = firstimg.src;
        indicate(firstlink);
    }
}
function addClassName2(element, className) {
    try{  
        if (!element) return;
        //          alert(element.tagName)
        if (element.className == null || element.className == '')
            element.className = className;
    }catch(et){
    //alert("addClassName2 "+ et);
    }
}  
function indicate(elm) {
    try{
        if(elm){
            elm.addClassName('clicked');
            elm.insert('<img src="/images/fiche_produit_v3/top_scrol_current_marker.gif" class="indicator" />');
        }
    }
    catch(ex){
        addClassName2(elm,'clicked');
        try{
            elm.insert('<img src="/images/fiche_produit_v3/top_scrol_current_marker.gif" class="indicator" />');
        }catch(et){
            var imgindicator = document.createElement('IMG')
            imgindicator.src= "/images/fiche_produit_v3/top_scrol_current_marker.gif";
            imgindicator.className="indicator";
            elm.appendChild(imgindicator)
        }
    }
}
function cleancurrent(elm) {
    
    Event.observe(elm,'click', function() {
        //alert("cleancurrent "+elm.parentNode.tagName);
        resetprev(elm.parentNode);
        var fcatch =null;
        try{
            fcatch = elm.firstDescendant().src;//.match(/_\d+\.gif/);
            
        }catch(e)
        {
            fcatch = firstDescendant2(elm).src;
        //alert("cleancurrent "+e);
        }
        
        if(fcatch != null){           
            fcatch = fcatch.toString();
            var order = fcatch;//.match(/\d+/);
            //order.toString();
            // alert(""+order)
            switch150img(order);
            
            indicate(elm);
        }
        else{
            alert("fcatch is null" );
        }
    });
}
function topscroller() {
    if($('shift_thumbs')){
        initialindicator();
        var thumbs = $('shift_thumbs').getElementsByTagName('a');
        initiatescroller(thumbs);
        topzoomer();
    }
}
function initiatescroller(thumbs) {
    if($('shift_thumbs')){
        var thumbitems = thumbs.length;
        $('shift_thumbs').style.width = parseInt((parseInt(thumbitems)*38)+8)+'px';
        for (var ti = 0; ti < thumbs.length; ti++ ) {
            cleancurrent(thumbs[ti]);
        }

        if($('shift2left')){
            $('shift2left').style.visibility = "hidden";
        }
        if (thumbitems > 3) {
            lrmEffects.target ='shift_thumbs';
            lrmEffects.displace = 38;
            lrmEffects.prodlistWidth = parseInt(thumbitems)*38;

            lrmEffects.position = 0;
            lrmEffects.items = 1;
            lrmEffects.visualised = 3;
            if (setzooms == 0) {
                Event.observe($('shift2left'), 'click', function(){
                    lrmEffects.play(lrmEffects.togglePosition('left'));
                });
                Event.observe($('shift2right'), 'click', function(){
                    lrmEffects.play(lrmEffects.togglePosition('right'));
                });
                setzooms = 1;
            }
        } else {
            if($('shift2right')){
                $('shift2right').style.visibility = 'hidden';
            }
        }
        if(thumbs.length > 1){
            $('shift_thumbs').style.display="block";
        }else{
            $('shift_thumbs').style.display="none";
        }
    }

}
function topzoomer() {
    if ( setsliding == 0 ) {
        if($('current_prod')){
            Event.observe($('current_prod'), 'click', function() {
                windowwriter();
                initpreview();
            });
        }
        if($('zoomlens')){
            Event.observe($('zoomlens'), 'click', function() {
                windowwriter();
                initpreview();
            });
        }
        setsliding = 1;
    }
}
function getDimensions() {
    var dimensions = { };
    //var B = Prototype2.Browser;
    $w('width height').each(function(d) {
        var D = d.capitalize();
        dimensions[d] = (navigator.userAgent.indexOf('AppleWebKit/') > -1 && !document.evaluate) ? self['inner' + D] :
        (!!window.opera) ? document.body['client' + D] : document.documentElement['client' + D];
    });
    return dimensions;
}

function windowwriter() {
    if($('zoomdiv')){
        var totalh = document.body.offsetHeight + document.body.offsetTop + 'px';
        
        if($('popshirm')){
            document.body.appendChild($('popshirm'));
            $('popshirm').show();
            if(document.all){
                $('popshirm').style.height = totalh;
            }
            else{
                $('popshirm').style.height = '1500px';
            }
            $('popshirm').style.zIndex = 10000;
        }
        if($('innershirm')){
            if(document.all){
                $('innershirm').style.height = totalh;
            }
            else{
                $('innershirm').style.height = '1500px';
            }
            $('innershirm').style.zIndex = 10001;
        }
        if($('ie6fun')){
            document.body.appendChild( $('ie6fun'));   
            $('ie6fun').show();
        }
        if($('zoomdiv')){
            document.body.appendChild($('zoomdiv'));
            $('zoomdiv').show();
        }
        /* var scrolled =null; 
        var vport =null;
        try{
        scrolled = document.viewport.getScrollOffsets();
        }catch(e){
        scrolled = document.viewport2.getScrollOffsets();
        }
        try{
        vport = document.viewport.getDimensions();
        }catch(e){
        vport = getDimensions();
        }*/
        
        //((vport['width']+550)/2) + 
        if($('ie6fun')){
            $('ie6fun').style.top = "200px";//scrolled['top'] + parseInt(vport['height']/2-300) + 'px';
            $('ie6fun').style.left = "200px";//parseInt(vport['width']/2 - 262 ) + 'px';
        }
        if($('zoomdiv')){        
            $('zoomdiv').style.top = "200px";//scrolled['top'] + parseInt(vport['height']/2-300) +  'px';
            $('zoomdiv').style.left = "200px";//parseInt(vport['width']/2 - 262 ) +  'px';
        }    
        if($('thumbsrow')){
            var thumbs = $('thumbsrow').getElementsByTagName('a');
            var thnumber = thumbs.length;
        //alert("thnumber "+thnumber);
        }
        if($('thumbsrow'))
            $('thumbsrow').style.width = (parseInt(thnumber)*114)+'px';
    }
}

function videowriter() {
    var totalh = $('pied').offsetHeight + $('pied').offsetTop + 'px';
    document.body.appendChild($('popshirm'));
    $('popshirm').show();
    $('popshirm').style.height = '1000px';
    $('innershirm').style.heigh = '1000px';
    document.body.appendChild( $('ie6fun'));
    $('ie6fun').show();
    document.body.appendChild( $('videodiv'));
    $('videodiv').show();
    /*var scrolled =null; 
    var vport =null;
    try{
    scrolled = document.viewport.getScrollOffsets();
    }catch(e){
    scrolled = document.viewport2.getScrollOffsets();
    }
    try{
    vport = document.viewport.getDimensions();
    }catch(e){
    vport = getDimensions();
    }*/
    if($('ie6fun')){
        $('ie6fun').style.top = "200px";//scrolled['top'] + parseInt(vport['height']/2-300) + 'px';
        $('ie6fun').style.left = "200px";//parseInt(vport['width']/2 - 262 ) + 'px';
    }
    if($('videodiv')){ 
        $('videodiv').style.top = "200px";//scrolled['top'] + parseInt(vport['height']/2-300) +  'px';
        $('videodiv').style.left = "200px";//parseInt(vport['width']/2 - 262 ) +  'px';
    }
    if($('vthumbsrow')){
        var videosthumbs = $('vthumbsrow').getElementsByTagName('a');
        var vidnumber = videosthumbs.length;
        $('vthumbsrow').style.width = (parseInt(vidnumber)*114)+'px';
        if(vidnumber < 2){
           $('videodiv').style.height="500px"
           $('ie6fun').style.height="500px"
        }
    }
    if($('vzooms2left')){ 
        $('vzooms2left').style.visibility = 'hidden';    
        if (vidnumber < 4) {
            $('vzooms2right').style.visibility = 'hidden';
        } else {
            if ( setvideosframe == 0 ) {
                movevideothumbs(vidnumber);
                setvideosframe = 1;
            }
        }
    }
}
function changevideo(path) {
    if(path.indexOf("vpod")!=-1 ||path.indexOf("multimedia-storage") != -1 ){
    if(!!(window.attachEvent && !window.opera)) {
        $('videoframe').update("<embed src='"+path+"' type='application/x-shockwave-flash' width='500' height='450' allowfullscreen='true'></embed>");
    }
    else {		
        $('videoframe').update("<object width='500' height='450'><param name='movie' value='"+path+"'></param><param name='allowfullscreen' value='true'></param><embed src='"+path+"' type='application/x-shockwave-flash' width='500' height='450' allowfullscreen='true'></embed></object>");
    }
    }else{
         $('videoframe').update("<BR/><iframe src="+path+" height='450' width='500' style='border-style: none; border-width: 0px;width: 520px; height: 450px; padding-left:5px;padding-right:5px; margin-bottom:10px; '></iframe>");

    }
}


function openvideo() {
    if($('videos_t'))
        Event.observe($('videos_t'),'click', function(){
            videowriter();
        });
}
    
function closezoomer() {
    if($('ie6fun')){
        $('ie6fun').hide();
        document.getElementById('fiche_produit').appendChild($('ie6fun'));
    }
    if($('zoomdiv')){
        $('zoomdiv').hide();
        document.getElementById('fiche_produit').appendChild($('zoomdiv'));
    }
    if($('videodiv')){
        $('videodiv').hide();
        document.getElementById('fiche_produit').appendChild($('videodiv'));
    }
    if($('popshirm')){
        $('popshirm').hide();
        document.getElementById('fiche_produit').appendChild($('popshirm'));
    }
}
windowedSlider = {
    newPosition: 0,
    animator: new Rico.Effect.Animator(),
    play: function(effect) {
        windowedSlider.animator.play(effect, {
            steps:1,
            duration:400
        });
    },
    togglePosition: function(shiftpixel){
        return new Rico.Effect.Position( $('slide450'), shiftpixel, null);
    }
}
    
function initpreview() {
    var showlarge,largeimgs="";
    if($('thumbsrow')){
        var allthumbs = $('thumbsrow').getElementsByTagName('a');
        $('slide450').style.width = (allthumbs.length*600)+'px';
        var belowthumbs = $('shift_thumbs').getElementsByTagName('a');
        for (var z = 0; z < belowthumbs.length; z++) {
            if ( Element.hasClassName(belowthumbs[z],'clicked') ) {
                showlarge = -(z*550);
                if ( showlarge == 0 ) showlarge = -1;
            }
        }
        var danumber = allthumbs.length;
        var thumbsall = $('thumbsrow').getElementsByTagName('a');
        for ( var oh = 0; oh < thumbsall.length;oh++) {
            var topix = (oh*550 == 0 ) ? -1 : -(oh*550);
            addevent(thumbsall[oh],topix);
        }
        windowedSlider.shiftpixel=0;
        windowedSlider.play(windowedSlider.togglePosition(showlarge));
        $('zooms2left').style.visibility = 'hidden';
        if (danumber<4) {
            $('zooms2right').style.visibility = 'hidden';
        } else {
            
            movezoomthumbs(danumber);
        }
        if(allthumbs.length>1){
            $('thumbsrow').style.display="block";
        }
        else{
            if($('zoomdiv')){
                $('zoomdiv').style.height="500px";
                $('ie6fun').style.height="500px";
            }
            $('thumbsrow').style.display="none";

        }
    }
}

function addevent(elm,topix) {
    Event.observe(elm, 'click', function(){
        windowedSlider.play(windowedSlider.togglePosition(topix));
    });
}

function characteristcsbot() {
    if($('tab_detailes_content')){
        $('tab_detailes_content').show();
    }
    
}



function setbottomslider(which) {
    var outerid, sliderid, leftid, rightid;
    switch(which) {
        case 'relatedproducts' :
            outerid = 'tab_related_products_content';
            sliderid = 'tab_related_products_slider';
            leftid = 'tab_slide2left';
            rightid = 'tab_slide2right';
            if ( shiftSlide1 == 0 ) $(leftid).style.visibility = 'hidden';
            break;
        case 'consider' :
            outerid = 'tab_consider_content';
            sliderid = 'tab_consider_slider';
            leftid = 'tab_consider_slide2left';
            rightid = 'tab_consider_slide2right';
            if ( shiftSlide2 == 0 ) $(leftid).style.visibility = 'hidden';
            break;
        case 'idees' :
            outerid = 'tab_idees_deco_content';
            sliderid = 'tab_idees_deco_slider';
            leftid = 'tab_idees_deco_slide2left';
            rightid = 'tab_idees_deco_slide2right';
            if ( shiftSlide3 == 0 ) $(leftid).style.visibility = 'hidden';
            break;
    }
    var targetdiv = $(outerid);
    targetdiv.show();
    
    var sliderdiv = $(sliderid);
    var numslides=0;
    for ( var zz = 0; zz < sliderdiv.getElementsByTagName('div').length; zz++) {
        if ( sliderdiv.getElementsByTagName('div')[zz].className == 'intab_slide' ) numslides++;
    }
    sliderdiv.style.width = (268*numslides) + 'px';
    if ( numslides > 2) {
        botslider.target = sliderid;
        botslider.displace = 268;
        botslider.prodlistWidth = parseInt(numslides)*268;
        botslider.items = 1;
        botslider.visualised = 2;
        if ( which == 'relatedproducts' && setslide1 == 0 ) {
            botslider.position = 0;
            clickersevents(leftid,rightid);
            setslide1 = 1;
        }
        if ( which == 'consider' && setslide2 == 0 ) {
            botslider.position = 0;
            clickersevents(leftid,rightid);
            setslide2 = 1;
        }
        if ( which == 'idees' && setslide3 == 0 ) {
            botslider.position = 0;
            clickersevents(leftid,rightid);
            setslide3 = 1;
        }
    } else {
        $(leftid).style.visibility = 'hidden';
        $(rightid).style.visibility = 'hidden';
    }

}
function checkForArrows(left, right) {
    var flagCurrentSlide, countAllSlides;
    if ( left == 'tab_slide2left' ) {
        countAllSlides = $$('div#tab_related_products_content div.intab_slide').length;
        flagCurrentSlide = shiftSlide1;
    }
    if ( left == 'tab_consider_slide2left' ) {
        countAllSlides = $$('div#tab_consider_content div.intab_slide').length;
        flagCurrentSlide = shiftSlide2;
    }
    if ( left == 'tab_idees_deco_slide2left' ) {
        countAllSlides = $$('div#tab_idees_deco_content div.intab_slide').length;
        flagCurrentSlide = shiftSlide3;
    }
    if(flagCurrentSlide  <= 0) {
        $(left).style.visibility = 'hidden';
    } else {
        $(left).style.visibility = 'visible';
    }
    if(((countAllSlides-2) - flagCurrentSlide ) <=  0) {
        $(right).style.visibility = 'hidden';
    } else {
        $(right).style.visibility = 'visible';
    }
}
function clickersevents(left,right) {
    var thetab, countAllSlides, flagCurrentSlide;
    if ( left == 'tab_slide2left' ) {
        thetab =  1;
        countAllSlides = $$('#tab_related_products_content div.intab_slide').length;
        flagCurrentSlide = shiftSlide1;
    }
    if ( left == 'tab_consider_slide2left' ) {
        thetab =  2;
        countAllSlides = $$('#tab_consider_content div.intab_slide').length;
        flagCurrentSlide = shiftSlide2;
    }
    if ( left == 'tab_idees_deco_slide2left' ) {
        thetab =  3;
        countAllSlides = $$('#tab_idees_deco_content div.intab_slide').length;
        flagCurrentSlide = shiftSlide3;
    }
    
    var leftclicker = $(left);
    var rightclicker = $(right);
    
    Event.observe(leftclicker, 'click', function(){		
        if(( countAllSlides - 1 ) >= flagCurrentSlide) {
            if (thetab == 1) shiftSlide1 = shiftSlide1 - 1;
            if (thetab == 2) shiftSlide2 = shiftSlide2 - 1;
            if (thetab == 3) shiftSlide3 = shiftSlide3 - 1;
        }																				 
        checkForArrows(left, right);
        botslider.play(botslider.togglePosition('left'));
    });
    
    Event.observe(right, 'click', function(){
        if(( countAllSlides - 1 ) >= flagCurrentSlide) {
            if (thetab == 1) shiftSlide1 = shiftSlide1 + 1;
            if (thetab == 2) shiftSlide2 = shiftSlide2 + 1;
            if (thetab == 3) shiftSlide3 = shiftSlide3 + 1;
            
        }
        checkForArrows(left, right);
        botslider.play(botslider.togglePosition('right'));
    });
}
function showtabdiy() {
    if($('tab_diy_content'))
        $('tab_diy_content').show();
}
function showtabfeedback() {
    if($('tab_user_feedback_content'))
        $('tab_user_feedback_content').show();
}


function switchtabs(whichtab) {
    var itscontet, name, func,pars,thediv;
    if($('thetabs')){
        var thetabs = $('thetabs').getElementsByTagName('a');
        for (var n = 0; n <thetabs.length; n++) {
            Element.removeClassName(thetabs[n], 'current');
            name = thetabs[n].id;
            itscontent = name + '_content';           
            document.getElementById(itscontent);
            thediv = itscontent;
           //alert("thediv "+thediv);
            Element.hide(thediv);
        }
    }
   //alert("whichtab "+whichtab);
    if ( typeof whichtab == 'undefined' ) initiatetabs();
    else {
        switch (whichtab) {
            case 'detailes':
                characteristcsbot();
                $('tab_detailes').className = 'current';
                break;
            case 'related_products' :
                setbottomslider('relatedproducts');
                $('tab_related_products').className = 'current';
                break;
            case 'related' :
                setbottomslider('relatedproducts');
                $('tab_related_products').className = 'current';
                break;            case 'consider' :
                setbottomslider('consider');
                $('tab_consider').className = 'current';
                break;
            case 'idees' :
                setbottomslider('idees');
                $('tab_idees_deco').className = 'current';
                break;
            case 'choosing' :
                showchoosing();
                $('tab_choosing').className = 'current';
                break;
            case 'diy' :
                showtabdiy();
                $('tab_diy').className = 'current';
                break;
            case 'feedback' :
                showtabfeedback();
                $('tab_user_feedback').className = 'current';
                break;
            default:
                initiatetabs();
                  break;
        }
    }
    
}

// initialisation tabs bas de page
function initiatetabs() {
    var tags = new Array();
    var startonglet ="";
    if($('thetabs')){        
        var tabs = $('thetabs').getElementsByTagName('a');
        //alert("tabs.length "+tabs.length);
        for (var of = 0; of < tabs.length; of++) {
            // alert(tabs[of].id +" "+ tabs[of].style.display);
            if ( of == 0 ) {
                if(tabs[of].className != 'current') { 
                    tabs[of].className = 'current';
                }
            }
            else if (tabs[of].ClassName == "current" ){ 
                tabs[of].removeAttribute('class');
            }
            var elm = tabs[of];
            if(startonglet == "" && tabs[of].style.display == 'block'  ){
                //alert(tabs[of].id);
                tabs[of].className = 'current'
                startonglet = tabs[of].id;
            }
        }
       // alert("startonglet "+startonglet);
        if(startonglet == "")
             switchtabs('feedback');
        else {
            //alert(startonglet.substring(4,startonglet.length));
            switchtabs(startonglet.substring(4,startonglet.length));
        }
    }
    
    if($('tab_detailes')) {
        Event.observe($('tab_detailes'), 'click', function(){ 
            switchtabs('detailes');
        });
    }
    if($('tab_related_products')) {
        Event.observe($('tab_related_products'), 'click', function(){ 
             switchtabs('related');
        });
    }
    if($('tab_consider')) {
        Event.observe($('tab_consider'), 'click', function(){ 
            switchtabs('consider');
        });
    }	
    if($('tab_idees_deco')) {
        Event.observe($('tab_idees_deco'), 'click', function(){ 
            switchtabs('idees');
        });
    }	
    if($('tab_choosing')) {
        Event.observe($('tab_choosing'), 'click', function(){ 
            switchtabs('choosing');
        });
    }	
    if($('tab_diy')) {
        Event.observe($('tab_diy'), 'click', function(){ 
            switchtabs('diy');
        });
    }	
    if($('tab_user_feedback')) {
        Event.observe($('tab_user_feedback'), 'click', function(){ 
            switchtabs('feedback');
        });
    }	
}

function showchoosing() {
    if($('tab_choosing_content'))
        $('tab_choosing_content').show();
}
/*function zoomlens() {
    if($('zoomdiv')){
        if($('slider_pan')){
            Event.observe($('current_prod'), 'mouseover', function() {
                $('slider_pan').style.backgroundPosition = 'left -275px';
            });
            Event.observe($('current_prod'), 'mouseout', function() {
                $('slider_pan').style.backgroundPosition = 'left top';
            });
            if($('zoomlens')){
                Event.observe($('zoomlens'), 'mouseover', function() {
                    $('slider_pan').style.backgroundPosition = 'left -275px';
                });
                Event.observe($('zoomlens'), 'mouseout', function() {
                    $('slider_pan').style.backgroundPosition = 'left top';
                });
            }
        }
    }
    else{
        $('slider_pan').style.background='';
    }
        
}
*/
zoomthumb = {
    newPosition: 0,
    animator: new Rico.Effect.Animator(),   
    play: function(effect) {
        zoomthumb.animator.play(effect, {
            steps:20,
            duration:300
        });
    },   
    togglePosition: function(direction){
        return new Rico.Effect.Position( $(zoomthumb.target), zoomthumb.nextPosition(direction), null);
    },
    nextPosition: function(direction){
        if (direction=='left') {
            zoomthumb.newPosition = zoomthumb.position + zoomthumb.displace;
            if (zoomthumb.newPosition <= 0) {
                zoomthumb.position = zoomthumb.newPosition;
            }
            // active droite
            if($('vzooms2right') && $('vzooms2right').style.visibility == "hidden") $('vzooms2right').style.visibility = "visible";
            if($('zooms2right') && $('zooms2right').style.visibility == "hidden") $('zooms2right').style.visibility = "visible";
            // cas desactive gauche
            if(zoomthumb.newPosition == 0) {
                if($('vzooms2left'))
                    $('vzooms2left').style.visibility = "hidden";
                if($('zooms2left'))
                    $('zooms2left').style.visibility = "hidden";
            }
            return zoomthumb.position+1;
        } else {
            zoomthumb.newPosition = zoomthumb.position - zoomthumb.displace;
            if ( zoomthumb.newPosition + ( zoomthumb.prodlistWidth - ( zoomthumb.displace * (zoomthumb.visualised - 1)) )  >= zoomthumb.displace*zoomthumb.items ) {
                zoomthumb.position = zoomthumb.newPosition;
            }
            // active gauche
            if($('vzooms2left') && $('vzooms2left').style.visibility == "hidden") $('vzooms2left').style.visibility = "visible";
            if($('zooms2left') && $('zooms2left').style.visibility == "hidden") $('zooms2left').style.visibility = "visible";
            // cas desactive droite
            if( zoomthumb.newPosition + ( zoomthumb.prodlistWidth - ( zoomthumb.displace * (zoomthumb.visualised - 1)) )  <= zoomthumb.displace*zoomthumb.items ) {
                if( $('vzooms2right'))
                    $('vzooms2right').style.visibility = "hidden";
                if($('zooms2right'))
                    $('zooms2right').style.visibility = "hidden";
            }
            return zoomthumb.position-1;
        }
    }
}

function movezoomthumbs(allthumbs) {
    zoomthumb.target ='thumbsrow'; 
    zoomthumb.displace = 114;
    zoomthumb.prodlistWidth = parseInt(allthumbs)*114+1;
    zoomthumb.position = 0;
    zoomthumb.items = 1;
    zoomthumb.visualised = 3;
    $('thumbsrow').style.width = zoomthumb.prodlistWidth;
    Event.observe($('zooms2left'), 'click', function(){
        zoomthumb.play(zoomthumb.togglePosition('left'));
    });
    Event.observe($('zooms2right'), 'click', function(){
        zoomthumb.play(zoomthumb.togglePosition('right'));
    });
}

function movevideothumbs(allthumbs) {
    zoomthumb.target ='vthumbsrow';	
    zoomthumb.displace = 114;
    zoomthumb.prodlistWidth = parseInt(allthumbs)*114;
    zoomthumb.position = 0;
    zoomthumb.items = 1;
    zoomthumb.visualised = 3;
    $('vthumbsrow').style.width = zoomthumb.prodlistWidth;
    Event.observe($('vzooms2left'), 'click', function(){
        zoomthumb.play(zoomthumb.togglePosition('left'));
    });
    Event.observe($('vzooms2right'), 'click', function(){
        zoomthumb.play(zoomthumb.togglePosition('right'));
    });
}

function userfeedbacks() {
    var switches = $$('div.internaut_links a');
    if ( switches.length > 0 ) {
        for ( var i = 0; i < switches.length; i++ ) {
            openfeedstab(switches[i]);
        }
    }
}

function openfeedstab(elm) {
    Event.observe(elm, 'click', function(){
        switchtabs('feedback');
    });
}
function logosopenpops() {
    var collection =  new Array();
    collection[0] = $$('div.brackets_left a.option_image');
    collection[1] = $$('div.brackets_right a');
    collection[2] = $$('#extralogos a');
    collection[3] = $$('#right2plus_logos a');
    for (var hd = 0; hd < collection.length; hd++) {
        for (var uz = 0; uz < collection[hd].length; uz++ ) {
            if (collection[hd][uz].readAttribute('rel') != null ) {
                if ( collection[hd][uz].readAttribute('rel').substring(0,8) == 'logopop~' ) attachpopwindow(collection[hd][uz]);
            }
        }
    }
}
function attachpopwindow(el) {
    Event.observe(el,'click',function(){
        openlogospops(el);											
    });
}
function openlogospops(el) {
    var url, width, height, pars = el.readAttribute('rel').split('~');
    if ( pars.length > 1 ) {
        url = pars[1];
        if ( pars.length == 2 || pars.length > 4 ) {
            width = 640;
            height = 480;
        } else {
            if ( pars.length == 3 ) {
                width = parseInt(pars[2]);
                height = parseInt(width*1.3);
            }
            if ( pars.length == 4 ) {
                width = parseInt(pars[2]);
                height = parseInt(pars[3]);
            }
        }
        window.open(url,'','toolbar=0,location=0,directories=0, statusbar=0,menubar=0,scrollbars=0,resizable=0,width='+width+',height='+height);
    }
}


function updownqty(dir) {
    var qty = $('nopcommand').value;
    if (  qty == '' ) $('nopcommand').value = 1;
    qty = parseInt( $('nopcommand').value );
    if ( dir == 'up' ) {
        qty++;
        $('nopcommand').value = qty;
    } else {
        if ( dir == 'down' ) {
            if ( qty > 1 ) qty--;
            $('nopcommand').value = qty;
        }
    }
    calculateprix();
}

/*
if (dir != 'up' ) {
if (dir != 'down') return;
else $('nopcommand').value--;
} else $('nopcommand').value++;
*/

function calculateprix() {
    var qty = $('nopcommand').value;
    if (  qty == '' ) qty = 1;
    else {
        if ( parseInt($('nopcommand').value) < 1 ) {
            $('nopcommand').value = 1;
            qty = parseInt($('nopcommand').value);
        }
    }
    qty = parseInt(qty);
    var calcNum = parseFloat($('prix').innerHTML)*qty;
    var newtotal = calcNum.toFixed(2);
    $('popprx').innerHTML = newtotal;
    $('items').value = $('nopcommand').value;
    $('total').innerHTML = newtotal;
    document.calcultotal['nop-0'].value =qty;
}
/* Open Panier */
function displayPanierFP3(bloc, retraitLink, livraisonLink,delais,pos){
    i=1;
    stylePanier = "";       
    while(document.getElementById('popPanier'+i)){
        document.getElementById('popPanier'+i).innerHTML = '<img src="/images/transparent.gif" alt="" />';
        i++;
    }
    var posp='';    
    if(pos==null || pos==''){
        pos='';
    }else{
        posp='_'+pos;
    }
    var price =document.getElementById("UnitPriceATA"+posp).innerHTML;
    if(document.getElementById("DiscountAmountATA"+posp))
        price =document.getElementById("DiscountAmountATA"+posp).innerHTML;
    var topPickup ='';
    if(document.getElementById("TopPickup"+posp)){
        topPickup = document.getElementById("TopPickup"+posp).innerHTML;
    }
    modevente = document.getElementById("ModeVente"+posp).innerHTML;
    var topRestock ='';
    if(document.getElementById("TopRestock"+posp)){
        topRestock = document.getElementById("TopRestock"+posp).innerHTML;
    }
    var stock ='0';
    if(document.getElementById("Stock"+posp)){
        stock = document.getElementById("Stock"+posp).innerHTML;
    }
    var delais =document.getElementById("DeliveryDelay"+posp).innerHTML;        
    var eiid = document.getElementById("eiid"+posp).innerHTML;
    var reflm = document.getElementById("reflm"+posp).innerHTML;    
    var quantifier = $('items').value;
    var nopcommande = document.calcultotal['nop-0'].value;
    if(nopcommande ==''){
        document.calcultotal['nop-0'].value=quantifier;
        nopcommande=quantifier;
    }
    var prix = $('total').innerHTML;        
    
    if(bloc){
        
        if(topPickup =='1' && modevente =="non"){
            stylePanier = "stylePanier1";
        }
        else if(topPickup != '1' && modevente =="oui"){		
            stylePanier = "stylePanier2";
        }
        else{
            stylePanier = "stylePanier3";
        }
        
        html = '<div class="bloc-commander '+stylePanier+'">';
        html +='      	<div class="close"><a href="javascript:displayPanierFP3();"><img src="/images/fiche_produit_v3/ongreencross.gif" alt="fermer" /></a><a name="ancre"></a></div>';
        html +='          <div class="titreBloc">Commander</div>';
        html +='          <div class="colonnes">';
        html +='          <div class="col-left">';
        html +='          	Quantit&eacute;<br />';
        html +='              <a href="javascript://" onclick="updownqty(\'down\');"><img src="/images/fiche_produit_v3/bloc-commander-btn-moins.gif" alt="Moins" /></a><input id="nopcommand" type="text" value="';
        html += quantifier;
        html +='" onkeypress="return checkIt(event)" onkeyup="calculateprix();" /><a href="javascript://" onclick="updownqty(\'up\');"><img src="/images/fiche_produit_v3/bloc-commander-btn-plus.gif" alt="Plus" /></a>';
        html +='          </div>';
        html +='          <div class="col-right">';
        html +='          	Prix Total<br /><strong id="popprx">';
        html +=prix;
        html +='</strong> <strong>EUR</strong>';
        html +='          </div>';
        html +='          </div>';
        if(retraitLink == 1){
            html +='          <div class="marginTopBtn"><a href="javascript:checkQtePopup(\'pickup\',this,\''+eiid+'\',\''+reflm+'\',\''+pos+'\',\''+stock+'\',\''+nopcommande+'\');"><img src="/images/fiche_produit_v3/bloc-commander-btn-retrait.gif" alt="Retrait en magasin" /></a><br />';
            if(stock != 0){
                html +='&Agrave; partir du<br><span id="promessepickuppopup" style="color: #FFFFFF;font-weight: normal;"></span>&nbsp;&agrave;&nbsp;<span id="hours" style="color: #FFFFFF;font-weight: normal;"></span>h00';
            }
            else{
                if(topRestock =='1'){
                    if(document.getElementById("currentDate"+posp).innerHTML != ''){
                        html +='&Agrave; partir du<br><span id="promessepickuppopupcurrentDate" style="color: #FFFFFF;font-weight: normal;"></span>&nbsp;&agrave;&nbsp;<span id="hours" style="color: #FFFFFF;font-weight: normal;"></span>h00';
                    }else if(document.getElementById("nextDeliveryDate"+posp).innerHTML != ''){
                        html +='&Agrave; partir du<br><span id="promessepickuppopupnextDeliveryDate" style="color: #FFFFFF;font-weight: normal;"></span>&nbsp;&agrave;&nbsp;<span id="hours" style="color: #FFFFFF;font-weight: normal;"></span>h00';
                    }
                }
                if(topRestock =='2'){
                    html +='sur commande dans un d&eacute;lai de '+ delay +' jours*';
                }
            }
            html +='</div>';
        }
        if(livraisonLink  == "oui"){
            var fpStock ='0';
            if(document.getElementById('Stock')){
                fpStock=document.getElementById('Stock').innerHTML;
            }
            html +='          <div class="marginTopBtn"><a href="javascript:checkQteArtShoppingCart(\'add\',this,\''+document.getElementById('eiid').innerHTML+'\',\''+fpStock+'\',\''+document.getElementById('reflm').innerHTML+'\');"><img src="/images/fiche_produit_v3/bloc-commander-btn-livraison.gif" alt="Livraison &agrave; domicile" /></a><br />Sous '+delais+' jours ouvr&eacute;s</div>';
        }
        if(retraitLink == 1 && livraisonLink == "non"){
            html +='          <div class="marginTopBtn"><a href="javascript:popup(\'/mpng2-front/pre?zone=zonestatiqueonly&srvstatique-staticpagename=/html/pickup/popup-livraison-magasin.html\',\'\',\'715\',\'450\')" class="lienText">Livraison par mon<br>magasin</a></div>';
        }
        html +='   </div>';
        if(retraitLink == 1 ){
            document.getElementById(bloc).innerHTML = html;
            window.location.href='#ancre';
            if( stock > 0 ){
                var StockDate =new Date();
                var StockDay =StockDate.getDate();
                if(StockDay < 10){
                    StockDay="0"+StockDay;
                }
                var StockMonth =StockDate.getMonth()+1;
                if(StockMonth < 10){
                    StockMonth="0"+StockMonth;
                }
        
                getNextShoppingDay(getTheDate(StockDay+"/"+StockMonth+"/"+StockDate.getFullYear()),"popup");
            }
            if( stock <= 0 ){
                if(document.getElementById("currentDate"+posp) && document.getElementById("currentDate"+posp).innerHTML != ''){
                    getNextShoppingDay( getTomorrow(getTheDate(document.getElementById("currentDate"+posp).innerHTML )),"popupcurrentDate");
                }else if(document.getElementById("nextDeliveryDate"+posp)  && document.getElementById("nextDeliveryDate"+posp).innerHTML != ''){
                    getNextShoppingDay( getTomorrow(getTheDate(document.getElementById("nextDeliveryDate"+posp).innerHTML)),"popupnextDeliveryDate");
                }
            }
            getHours();
        }
        else{
            fpStock ='0';
            if(document.getElementById('Stock')){
                fpStock=document.getElementById('Stock').innerHTML;
            }
            checkQteArtShoppingCart('add',this,''+document.getElementById('eiid').innerHTML,fpStock,document.getElementById('reflm').innerHTML);
        }
    }
}    

function displayDisponibilite(bloc){
    i=1;
    while(document.getElementById('popDisponibilite'+i)){
        document.getElementById('popDisponibilite'+i).innerHTML = '<img src="/images/transparent.gif" alt="" />'; 
        i++;
    }
    if(bloc){
        html = '<div class="bloc-disponibilite">';
        html += '	<div class="titreBloc" style="width:154px;height:45px;"><a href="javascript:displayDisponibilite();">Disponibilit&eacute;s du produit</a></div>';
        html += '	<div class="liste" id="productType">';
        html += '		<ul>';
        html += '			<li><a href="javascript:popup(\'popup-magasin.html\',\'\',\'580\',\'450\', \'yes\')">Bordeaux (33)</a></li>';
        html += '			<li><a href="javascript:popup(\'popup-magasin.html\',\'\',\'580\',\'450\', \'yes\')">Bourges (xx)</a></li>';
        html += '			<li><a href="javascript:popup(\'popup-magasin.html\',\'\',\'580\',\'450\', \'yes\')">Colombes (xx)</a></li>';
        html += '			<li><a href="javascript:popup(\'popup-magasin.html\',\'\',\'580\',\'450\', \'yes\')">La Roche sur Yon (xx)</a></li>';
        html += '			<li><a href="javascript:popup(\'popup-magasin.html\',\'\',\'580\',\'450\', \'yes\')">Lesquin (xx)</a></li>';
        html += '			<li><a href="javascript:popup(\'popup-magasin.html\',\'\',\'580\',\'450\', \'yes\')">Orléans (xx)</a></li>';
        html += '			<li><a href="javascript:popup(\'popup-magasin.html\',\'\',\'580\',\'450\', \'yes\')">Périgueux (xx)</a></li>';
        html += '			<li><a href="javascript:popup(\'popup-magasin.html\',\'\',\'580\',\'450\', \'yes\')">Bordeaux (33)</a></li>';
        html += '			<li><a href="javascript:popup(\'popup-magasin.html\',\'\',\'580\',\'450\', \'yes\')">Bourges (xx)</a></li>';
        html += '			<li><a href="javascript:popup(\'popup-magasin.html\',\'\',\'580\',\'450\', \'yes\')">Colombes (xx)</a></li>';
        html += '			<li><a href="javascript:popup(\'popup-magasin.html\',\'\',\'580\',\'450\', \'yes\')">La Roche sur Yon (xx)</a></li>';
        html += '			<li><a href="javascript:popup(\'popup-magasin.html\',\'\',\'580\',\'450\', \'yes\')">Lesquin (xx)</a></li>';
        html += '			<li><a href="javascript:popup(\'popup-magasin.html\',\'\',\'580\',\'450\', \'yes\')">Orléans (xx)</a></li>';
        html += '			<li><a href="javascript:popup(\'popup-magasin.html\',\'\',\'580\',\'450\', \'yes\')">Périgueux (xx)</a></li>';
        html += '		</ul>';
        html += '	</div>';
        html += '</div>';
        
        document.getElementById(bloc).innerHTML = html;
        window.location.href='#ancre';
        var sb = new ScrollBox('productType');
    }
} 

/* end of Open Panier */
function round(number,X) {
    X = (!X ? 2 : X);
    return Math.round(number*Math.pow(10,X))/Math.pow(10,X);
}
function arrondiconditionnel(chaine) {
    if (chaine.indexOf(".")>0) {
        if (chaine.length - chaine.indexOf(".")==2) {chaine = chaine + "0";}
        else if (chaine.length - chaine.indexOf(".")==1) {chaine = chaine + "00";}
    }
    if (chaine.indexOf(".")== -1) {
        chaine = chaine + ".00";
    }
    return chaine;
}

function Popup360(lien) { 
var protocole;
if(document.location && document.location.protocol)
	protocole = 'http'+((document.location.protocol=='https:')?'s':'')+':';
else
	protocole = 'http:';
    titre="360"; 
    var top=30;
    var left=30;
    if (navigator.appName=="Netscape") {
        w=open("",'image','top='+top+',left='+left+',width=500,height=500,toolbar=0,scrollbars=0,resizable=0'); 
    }
    else {
        w=open("",'image','top='+top+',left='+left+',width=500,height=500,toolbar=no,scrollbars=no,resizable=no'); 
    }
    w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>"); 
    
    w.document.write("<BODY  leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>"); 
    
    w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>"); 
    w.document.write("<TD valign='middle' align='center'>"); 
    w.document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="' + 'http' + '//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" ID=AnimationFlash width="500" height="500">');	
    w.document.write('<param name="movie" value="/multimedia-storage/'+ lien +'">');
    w.document.write('<param name="quality" value="high">');
    w.document.write('<embed src="/multimedia-storage/'+ lien +'" FlashVars="lien=javascript:loadURL();" allowScriptAccess="sameDomain" swLiveConnect="TRUE" width="500" height="500" quality="high"  type="application/x-shockwave-flash" pluginspage="'+ protocole +'://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">');
    w.document.write('</embed>'); 
    w.document.write("</TD></TR></TABLE>"); 
    w.document.write("</BODY></HTML>"); 
    w.document.close(); 
}

function PopupAnnimation(lien) {
var protocole;
if(document.location && document.location.protocol)
	protocole = 'http'+((document.location.protocol=='https:')?'s':'')+':';
else
	protocole = 'http:';
    titre="Animation";
    var top=30;
    var left=30;
    if (navigator.appName=="Netscape") {
        w=open("",'image');
    }
    else {
        w=open("",'image');
    }
    w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");

    w.document.write("<BODY  leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");

    w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>");
    w.document.write("<TD valign='middle' align='center'>");
    w.document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="' + 'http' + '//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" ID=AnimationFlash width="100%" height="100%">');
    w.document.write('<param name="movie" value="/multimedia-storage/'+ lien +'">');
    w.document.write('<param name="quality" value="high">');
    w.document.write('<embed src="/multimedia-storage/'+ lien +'" FlashVars="lien=javascript:loadURL();" allowScriptAccess="sameDomain" swLiveConnect="TRUE" width="100%" height="100%" quality="high"  type="application/x-shockwave-flash" pluginspage="'+ protocole +'://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">');
    w.document.write('</embed>');
    w.document.write("</TD></TR></TABLE>");
    w.document.write("</BODY></HTML>");
    w.document.close();
}