function InitializeScrollBar (up,down,track,drag) {
    document.writeln(" <div id="+ up +" class=\"UpButton\"> "); 
    document.writeln("<img src="+ upImage +" width=\"7\" height=\"20\"> "); 
    document.writeln("</div> "); 
    document.writeln("<div id="+ down +" class=\"DownButton\"> "); 
    document.writeln("<img src="+ downImage +" width=\"7\" height=\"20\"> "); 
    document.writeln("</div> "); 
    document.writeln("<div id="+ track +" class=\"TrackLine\"> "); 
    document.writeln("<img src="+ trackImage +" width=\"7\" height=\"161\"> "); 
    document.writeln("</div> ");
    /*if (navigator.userAgent.indexOf("MSIE 6.0") > 0) {
        document.writeln("<div id="+ drag +" class=\"DragPointer\" style=\"top: 47px;\"> "); 
    }
    else {*/
        document.writeln("<div id="+ drag +" class=\"DragPointer\" style=\"top: 74px;\"> "); 
    /*}*/
    document.writeln("<img src="+ dragImage +" width=\"7\" height=\"53\"> "); 
    document.writeln("</div> ");
}
function InitializeScrollBarContactQuestion (up,down,track,drag) {
    document.writeln(" <div id="+ up +" class=\"UpButtonContentQuestionMask\"> "); 
    document.writeln("<img src="+ upImageContentQuestionMask +" width=\"7\" height=\"20\"> "); 
    document.writeln("</div> "); 
    document.writeln("<div id="+ down +" class=\"DownButtonContentQuestionMask\"> "); 
    document.writeln("<img src="+ downImageContentQuestionMask +" width=\"7\" height=\"20\"> "); 
    document.writeln("</div> "); 
    document.writeln("<div id="+ track +" class=\"TrackLineContentQuestionMask\ style=\"z-index: 90;\"> "); 
    document.writeln("<img src="+ trackImageContentQuestionMask +" width=\"7\" height=\"130\"> "); 
    document.writeln("</div> "); 
    document.writeln("<div id="+ drag +" class=\"DragPointerContentQuestionMask\" style=\"top: 170px; z-index: 91;\"> "); 
    document.writeln("<img src="+ dragImageContentQuestionMask +" width=\"7\" height=\"53\"> "); 
    document.writeln("</div> ");
}

function ExpandContentText(popUpContentTitle, popUpIndex, popUpContentTextId ) {
    var upContentText = "up" + popUpIndex;
    var downContentText = "down" + popUpIndex;
    var trackContentText = "track" + popUpIndex;
    var dragContentText = "drag" +popUpIndex; 
    var contentMaskIdContentText = "contentMask" + popUpIndex;
    var graphicsb0IdContentText = "graphicsb0" + popUpIndex;
    var popUpContent = document.getElementById(popUpContentTextId);
    var divContentText = document.createElement("div");
    divContentText.setAttribute("id","contentBox");
    divContentText.setAttribute("class","WrapPopUp");
    var ie=document.all;
    if (ie) {
        divContentText.attributes("id").value = "contentBox";
        divContentText.attributes("class").value = "WrapPopUp";
    }
    var dragContent = " class=\"DragPointer\" style=\"top: 74px;\"> "
    /*if (navigator.userAgent.indexOf("MSIE 6.0") > 0) {
         dragContent = " class=\"DragPointer\" style=\"top:47px;\"> ";
    }*/
    divContentText.innerHTML = 
        "<div class=\"WrapInside\">" +
            "<div class=\"Fermer\">" +
                "<a href=\"#\" title=\"Fermer\" onclick=\"hidePopUp('contentBox'); return false;\">Fermer</a>" +
            "</div>" +
            "<div class=\"WrapContent\">\n" +
                "<div id="+ upContentText +" class=\"UpButton\"> " +
                "   <img src="+ upImage +" width=\"7\" height=\"20\"> " +
                "</div> " +
                "<div id="+ downContentText +" class=\"DownButton\"> " +
                "   <img src="+ downImage +" width=\"7\" height=\"20\"> " +
                "</div> " +
                "<div id="+ trackContentText +" class=\"TrackLine\"> " +
                "   <img src="+ trackImage +" width=\"7\" height=\"161\"> " +
                "</div> " +
                
                "<div id="+ dragContentText + dragContent +
                "   <img src="+ dragImage +" width=\"7\" height=\"53\"> " +
                "</div>" +
                "<h2>" + popUpContentTitle + "</h2>" +
                "<div id=\"" +contentMaskIdContentText +"\" class=\"ContentMask\">" +
                    "<div id=\"" + graphicsb0IdContentText + "\"  class=\"InsideContent\">" +
                        "<div class=\"PopUpRichTextContent\">" 
                            + popUpContent.value + 
                        "</div>" +
                    "</div>" +
                "</div>" +
            "</div>" +
        "</div>";
     var mainContentElement = document.getElementById("mainContent");
     mainContentElement.appendChild(divContentText);
}