$(document).ready(function () {

    $(".btMouseOver").mouseover(function () {
        $(this).attr({ src: $(this).attr("src").replace('.gif', 'Over.gif') });
    });

    $(".btMouseOver").mouseout(function () {
        $(this).attr({ src: $(this).attr("src").replace('Over.gif', '.gif') });
    });

    $(".applyHover").click(function () {
        $(".applyHover").css("font-weight", "normal");
        $(this).css("font-weight", "bold");
        var divToControl = $("#" + 'DivDev');
        if (divToControl.is(':visible') == false) {
            divToControl.show(500);
        }
        else {
            divToControl.hide(500);
        }
    });

    $(".linkDetails").click(function () {
        var divToControl = $("#" + $(this).attr("DivToControl"));
        if (divToControl.is(':visible') == false) {
            $(this).text($(this).text().replace("Détails", "Cacher détails"));
            $(this).text($(this).text().replace("Details", "Hide details"));
            divToControl.show(300);
        }
        else {
            $(this).text($(this).text().replace("Cacher détails", "Détails"));
            $(this).text($(this).text().replace("Hide details", "Details"));
            divToControl.hide(300);
        }
    });

});

function scrollWin(paragraphe) {
    var divOffset = $('#divBodyCaracteristicsLeft').offset().top;
    var pOffset = $("#scroll" + paragraphe).offset().top;
    var pScroll = pOffset - divOffset;
    $("#divBodyCaracteristicsLeft").animate({ scrollTop: '+=' + pScroll + 'px' }, 1000);
}