var oldTab = 'tab1';
var oldLink = 'link1'

//Gestion des tabs dans les pages Produits
function changeTab(newTab, link) {
    if (document.getElementById(newTab).className == "invisible") {
        document.getElementById(oldTab).className = "invisible";
        document.getElementById(newTab).className = "visible";
        document.getElementById(link).className = "selected";
        document.getElementById(oldLink).className = "active";
    }

    oldTab = newTab;
    oldLink = link;

}

//Gestion du dropdown des prix pour les produits
function changePrice(dropDown, textBox) {

    document.getElementById(textBox).innerHTML = dropDown.options[dropDown.selectedIndex].value;
    if (document.getElementById("choice"))
        document.getElementById("choice").innerHTML = dropDown.options[dropDown.selectedIndex].text;

}

function changeImg(btnID, number, folder, onoff) {
    imgFolder = String(folder).replace("~/", "");
    document.getElementById(btnID).src = imgFolder + "/nav/nav_0" + number + onoff + ".gif";
}

//Gestion des Home Latest Devices

var scrolling = null;
var totalWidth = 0;
var position = 0;
var totalDivs = 0;
var divWidth = 244;

//Set l'intervalle pour faire scroller les éléments
function startScroll(direction, totalDiv) {
    totalDivs = totalDiv;
    totalWidth = divWidth * totalDiv + 1;
    scrolling = setInterval("scroll('" + direction + "', " + totalDiv + ")",20);
}

function stopScroll() {
    clearInterval(scrolling);
}

//Fonction faisant scroller les éléments vers la gauche ou la droite
//direction détermine de quel côté les éléments doivent aller
//totalDiv détermine le nombre d'éléments au total qui doivent bouger
function scroll(direction, totalDiv) {
    //scroll vers la droite
    if (direction == "right") {
        position = -6;
        //Crée une collection pour tous les éléments Input
        inputCollection = document.getElementsByTagName("INPUT");
        divCollection = new Array();

        //Restreint la collection aux inputs inclus dans les divs à déplacer
        for (var z = 0; z < inputCollection.length; z++) {

            if (inputCollection.item(z).parentNode.className == "item")
                divCollection.push(inputCollection.item(z).parentNode);
        }
        
        //Trouve quel div est le plus éloigné(celui qui doit être déplacé)
        farestDiv = divCollection[0];

        for (var b = 0; b < divCollection.length; b++) {
            parentDiv = divCollection[b];

            if (parseInt(parentDiv.style.left.substring(0, parentDiv.style.left.length - 2)) < farestDiv.style.left.substring(0, farestDiv.style.left.length - 2)) {
                farestDiv = parentDiv;
            }
        }
        //Vérifie si le div le plus loin est en dehors de l'espace visible
        if (parseInt(farestDiv.style.left.substring(0, farestDiv.style.left.length - 2)) < -divWidth) {
            if (farestDiv.previousSibling) {
                _prevSibling = farestDiv.previousSibling;
                
                //Si le div à déplacer n'est pas le premier div affiché, il va se positionner à la suite du dernier div qui a été déplacé (IE)
                if (_prevSibling.tagName == "DIV") {

                    farestDiv.style.left = parseInt(_prevSibling.style.left.substring(0, _prevSibling.style.left.length - 2)) + divWidth + "px";
                }

                else {
                    //Condition ajoutée pour faire fonctionner le scroll dans Firefox
                    if (_prevSibling.previousSibling && _prevSibling.previousSibling.tagName == "DIV") {
                        farestDiv.style.left = parseInt(_prevSibling.previousSibling.style.left.substring(0, _prevSibling.previousSibling.style.left.length - 2)) + divWidth + "px";
                    }
                    else
                        farestDiv.style.left = parseInt(divCollection[divCollection.length - 1].style.left.substring(0, divCollection[divCollection.length - 1].style.left.length - 2)) + divWidth + "px";
                }
            }
            //Si le div à déplacer est le premier div affiché, il va se positionner à la suite du dernier div créé (IE)
            else {
                farestDiv.style.left = parseInt(divCollection[divCollection.length - 1].style.left.substring(0, divCollection[divCollection.length - 1].style.left.length - 2)) + divWidth + "px";
            }
        }
        
        //Fait bouger tous les divs de 5 pixels
        for (var a = 0; a < divCollection.length; a++) {
            eachDiv = divCollection[a];
            eachDiv.style.left = parseInt(eachDiv.style.left.substring(0, eachDiv.style.left.length - 2)) + position + "px";
        }


    }
    //scroll vers la gauche
    //Voir commentaires pour le scroll vers la droite plus haut
    else if (direction == "left") {
        position = 6;
        inputCollection = document.getElementsByTagName("INPUT");
        divCollection = new Array();
        
        
        for (z = 0; z < inputCollection.length; z++) {
            
            if (inputCollection.item(z).parentNode.className == "item")
                divCollection.push(inputCollection.item(z).parentNode);
        }
        farestDiv = divCollection[0];
        
        for (b = 0; b < divCollection.length; b++) {
            parentDiv = divCollection[b];
            
            if (parseInt(parentDiv.style.left.substring(0, parentDiv.style.left.length - 2)) > farestDiv.style.left.substring(0, farestDiv.style.left.length - 2)) {
                farestDiv = parentDiv;
            }
        }
        if (parseInt(farestDiv.style.left.substring(0, farestDiv.style.left.length - 2)) > 735) {
            if (farestDiv.nextSibling) {
                _nextSibling = farestDiv.nextSibling;
                if (_nextSibling.tagName == "DIV")
                {

                    farestDiv.style.left = parseInt(_nextSibling.style.left.substring(0, _nextSibling.style.left.length - 2)) - divWidth + "px";
                }

                else {

                    if (_nextSibling.nextSibling && _nextSibling.nextSibling.tagName == "DIV") {
                        farestDiv.style.left = parseInt(_nextSibling.nextSibling.style.left.substring(0, _nextSibling.nextSibling.style.left.length - 2)) - divWidth + "px";
                    }
                    else
                        farestDiv.style.left = parseInt(divCollection[0].style.left.substring(0, divCollection[0].style.left.length - 2)) - divWidth + "px";
                }
            }
            else {
                farestDiv.style.left = parseInt(divCollection[0].style.left.substring(0, divCollection[0].style.left.length - 2)) - divWidth + "px";
            }
        }

        for (a = 0; a < divCollection.length; a++) {
            eachDiv = divCollection[a];
            eachDiv.style.left = parseInt(eachDiv.style.left.substring(0, eachDiv.style.left.length - 2)) + position + "px";
        }
    }
}

//Gestion de l'affichage des médias (PDF, logiciels...)

function showMedia(dropDown) {

    var selected = document.getElementById(dropDown).selectedIndex;
    var URL = document.getElementById(dropDown).options[selected].value;
    if (URL.indexOf("~/", 0) >= 0) {
        var strippedURL = URL.substring(0, URL.indexOf("~/", 0)) + URL.substring((URL.indexOf("~/", 0) + 2), URL.length);
    }
    else
        var strippedURL = URL;
    window.open(strippedURL);

}

function show360(URL) {
    //var features = "location=no,directories=no,menubar=no,toolbar=no,width=300,height=280,scrollbars=no";
    //var myWindow = window.open(URL, "popWindow", features);
    var ref = document.getElementById("flash_container");

    if (URL.indexOf("~/", 0) >= 0) {
        var strippedURL = URL.substring(0, URL.indexOf("~/", 0)) + URL.substring((URL.indexOf("~/", 0) + 2), URL.length);
    }
    else
        var strippedURL = URL;

    ref.innerHTML = "";
    
    //ref.innerHTML = "<object id='flash360' type='application/x-shockwave-flash' data='" + URL + "' width='300' height='280'><param name='movie' value='" + URL + "' /><param name='wmode' value='transparent' /><param name='quality' value='high'/></object>";
    ref.innerHTML = "<object id='flash360' classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='300' height='280'><param name='movie' value='" + strippedURL + "' /><!--[if !IE]>--><object type='application/x-shockwave-flash' data='" + strippedURL + "' width='300' height='280'><!--<![endif]--><!--[if !IE]>--></object><!--<![endif]--></object>";

    //document.getElementById("swfobjectScript").innerHTML = "swfobject.registerObject('flash360', '9.0.0', '');";
}

//Gestion de l'affichage des images de produits

function changeImage(radioValue, imageId) {

    if (radioValue.indexOf("~/", 0) >= 0) {
        var strippedRadioValue = radioValue.substring(0, radioValue.indexOf("~/", 0)) + radioValue.substring((radioValue.indexOf("~/", 0) + 2), radioValue.length);
        document.getElementById(imageId).src = strippedRadioValue;
    }
    else
        document.getElementById(imageId).src = radioValue;
        
}

//Gestion de la recherche

function clearText(text, textBoxId) {

    if (document.getElementById(textBoxId).value == text)
        document.getElementById(textBoxId).value = "";
    else if (document.getElementById(textBoxId).value == "")
        document.getElementById(textBoxId).value = text;

}

//Gestion de la vérification du Compare des produits

function verifyCompare(Culture, sessionCount) {

    var checkedBoxes = 0;
    if(sessionCount != "")
        checkedBoxes = sessionCount.split(";").length;
        
    
    /*for (var a = 0; a < document.getElementById("compareDiv").getElementsByTagName("INPUT").length; a++) {
        if (document.getElementById("compareDiv").getElementsByTagName("INPUT").item(a).type == "checkbox") {
            if (document.getElementById("compareDiv").getElementsByTagName("INPUT").item(a).checked) {
                checkedBoxes++;
            }
        }
    }*/
    if(Culture == "fr")
    {
        if (checkedBoxes <= 1) {
            alert("Veuillez sélectionner plus d'un item à comparer.");
            return false;
        }
        else if (checkedBoxes >= 6) {
            alert("Veuillez sélectionner au maximum 5 items à comparer.");
            return false;
        }
    }
    else if (Culture == "en") {
        if (checkedBoxes <= 1) {
            alert("You have to select several items to be able to compare.");
            return false;
        }
        else if (checkedBoxes >= 6) {
            alert("Please select a maximum of 5 items for comparison.");
            return false;
        }
    }
    return true;

}

// Show / hide transparent popUp window
function surveyPopupManagement(id) {

    var showit = readCookie(id);

    if (showit == null) {

        document.getElementById(id).style.display = "block";

        document.getElementById(id + "_bg").style.display = "block";

    }

    else {

        document.getElementById(id).style.display = "none";

        document.getElementById(id + "_bg").style.display = "none";

    }

}

function surveyPopupClose(id) {

    //readCookie(id) == null ? createCookie(id, "forceclose", 30) : "";

    document.getElementById(id).style.display = "none";

    document.getElementById(id + "_bg").style.display = "none";

}

function surveyPopupDisable(chckbox, id) {

    chckbox.checked ? createCookie(id, "dontbugme", 30) : eraseCookie(id);

}

function surveyPopupComplete(id) {

    createCookie(id, "completed", 30);

    //surveyPopupClose(id) 

}

function hideDontBugMeCheckbox() { document.getElementById("surveypopupCheckbox").style.visibility = "hidden"; document.getElementById("surveypopupCheckboxLabel").style.visibility = "hidden"; }



//Gestion des popup avec dropshadow

function togglePopup(refID) {

    var ref = document.getElementById(refID);
    if (ref.style.display == "none") {
        ref.style.display = "block";
    } else {
        ref.style.display = "none";
    }
}