function manageBackground(lar, haut) {

    if ((haut > lar) || (lar / rapport < haut)) {

        largeur = haut * rapport;
        hauteur = haut;

        if (lar <= 990) {

            largeur = 990;
            hauteur = largeur / rapport;

            if (haut > hauteur) {

                var cssObj = {
                    'left': 0,
                    'top': 0,
                    'margin-left': 0,
                    'margin-top': 0
                }

                if (jQuery.browser.msie && jQuery.browser.version.substr(0, 1) < 7) {

                    manageFooterElements2(haut - 631);
                    manageFooterBas2(haut - 631, 990);

                } else {

                    manageFooterElements2(haut - 630);
                    manageFooterBas2(haut - 630, 990);

                }

            } else {

                var cssObj = {
                    'left': 0,
                    'top': "50%",
                    'margin-left': 0,
                    'margin-top': -(hauteur) / 2
                }

                if (jQuery.browser.msie && jQuery.browser.version.substr(0, 1) < 7) {

                    manageFooterElements2(29);
                    manageFooterBas2(30, 990);

                } else {

                    manageFooterElements2(30);
                    manageFooterBas2(30, 990);

                }

            }

        } else {

            var cssObj = {
                'left': "50%",
                'top': 0,
                'margin-left': -(largeur) / 2,
                'margin-top': 0
            }

            if (jQuery.browser.msie && jQuery.browser.version.substr(0, 1) < 7) {

                manageFooterElements2(29);
                manageFooterBas2(30, "100%");

            } else {

                manageFooterElements2(30);
                manageFooterBas2(30, "100%");

            }

        }

        jQuery("#background img").attr("width", largeur);
        jQuery("#background img").attr("height", hauteur);

        jQuery("#background").css(cssObj);

    } else {

        if (lar <= 990) {

            largeur = 990;
            hauteur = largeur / rapport;

            if (haut > hauteur) {

                var cssObj = {
                    'left': 0,
                    'top': 0,
                    'margin-left': 0,
                    'margin-top': 0
                }

                if (jQuery.browser.msie && jQuery.browser.version.substr(0, 1) < 7) {

                    manageFooterElements2(haut - 631);
                    manageFooterBas2(haut - 631, 990);

                } else {

                    manageFooterElements2(haut - 630);
                    manageFooterBas2(haut - 630, 990);

                }

            } else {

                var cssObj = {
                    'left': 0,
                    'top': "50%",
                    'margin-left': 0,
                    'margin-top': -(hauteur) / 2
                }

                if (jQuery.browser.msie && jQuery.browser.version.substr(0, 1) < 7) {

                    manageFooterElements2(29);
                    manageFooterBas2(30, 990);

                } else {

                    manageFooterElements2(30);
                    manageFooterBas2(30, 990);

                }

            }

        } else {

            largeur = lar;
            hauteur = lar / rapport;

            var cssObj = {
                'left': 0,
                'top': "50%",
                'margin-left': 0,
                'margin-top': -(hauteur) / 2
            }

            if (jQuery.browser.msie && jQuery.browser.version.substr(0, 1) < 7) {

                manageFooterElements2(29);
                manageFooterBas2(30, "100%");

            } else {

                manageFooterElements2(30);
                manageFooterBas2(30, "100%");

            }

        }

        jQuery("#background img").attr("width", largeur);
        jQuery("#background img").attr("height", hauteur);

        jQuery("#background").css(cssObj);

    }

}

function manageOverflow() {

    if (jQuery(window).width() > 1000) {

        var cssObj = {
            'overflowX': 'hidden',
            'width': 'auto'
        }

        jQuery("body").css(cssObj);
        jQuery("html").css(cssObj);

    } else {

        var cssObj = {
            'overflowX': 'hidden',
            'width': 1000
        }
        var cssObjHTML = {
            'overflowX': 'scroll',
            'width': 1000
        }

        jQuery("body").css(cssObj);
        jQuery("html").css(cssObj);

    }

}

function manageBandeBlanche(lar) {

    if (lar > 1000) {

        if (((lar - 1000) % 2) == 0) {

            var largeurGauche = (lar - 1000) / 2;
            var largeurDroite = largeurGauche;

        } else {

            var largeurGauche = ((lar - 1) - 1000) / 2;
            var largeurDroite = largeurGauche + 1;

        }

        var cssObjGauche = {
            'width': largeurGauche,
            'display': 'block'
        }

        var cssObjDroite = {
            'width': largeurDroite,
            'display': 'block'
        }

        jQuery("#bande_blanche_gauche").css(cssObjGauche);
        jQuery("#bande_blanche_droite").css(cssObjDroite);

    } else {

        var cssObjGauche = {
            'width': 0,
            'display': 'none'
        }

        var cssObjDroite = {
            'width': 0,
            'display': 'none'
        }

        jQuery("#bande_blanche_gauche").css(cssObjGauche);
        jQuery("#bande_blanche_droite").css(cssObjDroite);

    }

}

function manageFooterElements(lar) {

    if (lar > 990) {

        var cssObj = {
            'left': '50%',
            'margin-left': -495
        }

        jQuery("#footer_elements").css(cssObj);

    } else {

        var cssObj = {
            'left': 0,
            'margin-left': 0
        }

        jQuery("#footer_elements").css(cssObj);

    }

}

function manageFooterElements2(haut) {

    var cssObj = {
        'bottom': haut
    }

    jQuery("#footer_elements").css(cssObj);

}

function manageFooterBas(lar) {

    if (lar > 990) {

        var cssObj = {
            'left': 0,
            'margin-left': 0
        }

        jQuery("#footer_home").css(cssObj);

    } else {

        var cssObj = {
            'left': 0,
            'margin-left': 0
        }

        jQuery("#footer_home").css(cssObj);

    }

}

function manageFooterBas2(haut, lar) {

    var cssObj = {
        'height': haut,
        'width': lar
    }

    jQuery("#footer_home").css(cssObj);

}

function manageBandeauMetier(lar) {

    if (lar > 990) {

        var cssObj = {
            'left': 'auto',
            'right': 0
        }

        jQuery("#bandeau_metier").css(cssObj);

    } else {

        var cssObj = {
            'left': 0,
            'right': 'auto'
        }

        jQuery("#bandeau_metier").css(cssObj);

    }

}

function changementOver(metier, noeud, legende) {

    //ON REPLI TOUT LE RESTE

    jQuery("#bandeau_metier #vignettes .view-content .views-row div").each(function (i) {

        changementOut(jQuery(this));

    });


    //ANIMATION MENU

    jQuery(noeud).find(".views-field-title").stop();

    jQuery(noeud).find(".views-field-title").animate({
        height: "28px"
    }, 300, "linear", function () {

        jQuery(noeud).find(".views-field-title a").css("display", "block");
        jQuery(noeud).find(".views-field-title a").css("opacity", 0);

        jQuery(noeud).find(".views-field-title a").animate({
            opacity: 1
        }, 150);

    }
			 );

    //BACKGROUND

    switch (metier) {

        case "views-row-1":
            metier2 = "subsea";
            break;

        case "views-row-2":
            metier2 = "offshore";
            break;

        case "views-row-3":
            metier2 = "onshore";
            break;

        case "views-row-4":
            metier2 = "developpement-durable";
            break;

        case "views-row-5":
            metier2 = "groupe";
            break;

    }


    jQuery("#background img").attr("src", "/sites/default/files/technip/illustrations/home/background_" + metier2 + ".jpg");

    //IMAGE LEGENDE

    makeLegende(legende);

}

function makeLegende(legende) {

    jQuery("#bandeau_metier #legende").stop();

    if (jQuery("#bandeau_metier #legende p").html() != jQuery(legende).html()) {

        jQuery("#bandeau_metier #legende").css("opacity", 0);

        jQuery("#bandeau_metier #legende").animate({
            opacity: 0
        }, 0, "linear", function () {
            jQuery(this).css("left", 50);
            jQuery(this).empty();
            jQuery(this).html(legende);
            jQuery(this).animate({ opacity: 1, left: 0 }, 300);
        }
				  );

    }

}

function getPath() {

    var path = "";
    var url = window.location.href;
    var url_elem = url.split("/");

    for (var i = 0; i < url_elem.length; i++) {

        if ((url_elem[i] == "FR") || (url_elem[i] == "EN")) {

            path = "../";

        }

    }

    return path;

}

function changementOut(noeud) {

    jQuery(noeud).find(".views-field-title").stop();
    jQuery(noeud).find(".views-field-title a").css("display", "none");

    jQuery(noeud).find(".views-field-title").animate({
        height: "5px"
    }, 200);

}

function elementBasOver(image) {

    jQuery(image).stop();

    jQuery(image).animate({
        bottom: "0px"
    }, 400, 'linear');

}

function elementBasOut(image, num) {



    jQuery(image).stop();

    jQuery(image).animate({
        bottom: tabPosBas[num]
    }, 300, 'linear');

}

function initFlecheGauche() {

    if (!move) {

        move = true;

        if (direction != "droite") {

            positionVignette -= 170 * (maxVignetteMetier + 1);

        } else {

            positionVignette -= 170;

        }

        direction = "droite";


        var position = jQuery("#bandeau_metier #vignettes .view .view-content").position();

        var deplacement = position.left + 170;

        actVignetteMetier -= 1;

        if (actVignetteMetier < 0) {

            actVignetteMetier = maxVignetteMetier;

        }

        jQuery("#bandeau_metier #vignettes .view .view-content .views-row-" + (actVignetteMetier + 1)).css("left", positionVignette);

        jQuery("#bandeau_metier #vignettes .view .view-content").animate({ left: deplacement }, 300, "linear", function () {

            move = false;

        });

    }


}

function initFlecheDroite() {

    if (!move) {

        move = true;

        if (direction != "gauche") {

            positionVignette += 170 * (maxVignetteMetier + 1);

        } else {

            positionVignette += 170;

        }

        direction = "gauche";

        var position = jQuery("#bandeau_metier #vignettes .view .view-content").position();

        var deplacement = position.left - 170;

        jQuery("#bandeau_metier #vignettes .view .view-content").animate({ left: deplacement }, 300, "linear", function () {

            jQuery("#bandeau_metier #vignettes .view .view-content .views-row-" + (actVignetteMetier + 1)).css("left", positionVignette);

            move = false;

            actVignetteMetier += 1;

            if (actVignetteMetier > maxVignetteMetier) {

                actVignetteMetier = 0;

            }

        });

    }

}

function devoile(element) {

    var noeud = jQuery(element).find("ul");

    jQuery(noeud).stop();

    var cssObj = {
        'display': 'block',
        'opacity': 0,
        'top': 20
    }

    jQuery(noeud).css(cssObj);

    if (jQuery.browser.msie && jQuery.browser.version.substr(0, 1) < 7) {

        jQuery(element).find("span").addClass('over');
        jQuery(element).find("a").addClass('over');

    }

    jQuery(noeud).animate({

        'opacity': 1,
        'top': 36

    }, 250);

}

function cache(element) {

    var noeud = jQuery(element).find("ul");

    jQuery(noeud).stop();

    if (jQuery.browser.msie && jQuery.browser.version.substr(0, 1) < 7) {

        jQuery(element).find("span").removeClass('over');
        jQuery(element).find("a").removeClass('over');

    }

    jQuery(noeud).animate({

        opacity: 0

    }, 100, function () {

        jQuery(noeud).css({ 'display': 'none' });

    });


}