var true_color  = new Array(
    "#000000","#000033","#000066","#000099","#0000CC","#0000FF","#003300",
    "#003333","#003366","#003399","#0033CC","#0033FF","#006600","#006633",
    "#006666","#00CCFF","#006699","#0066CC","#0066FF","#009900","#009933",
    "#009966","#009999","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66",
    "#00CC99","#00CCCC","#00FF00","#00FF33","#00FF66","#00FF99","#00FFCC",
    "#00FFFF","#330000","#330033","#330066","#330099","#3300CC","#3300FF",
    "#333300","#333333","#333366","#333399","#3333CC","#3333FF","#336600",
    "#336633","#336666","#336699","#3366CC","#3366FF","#339900","#339933",
    "#339966","#339999","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66",
    "#33CC99","#33CCCC","#33CCFF","#33FF00","#33FF33","#33FF66","#33FF99",
    "#33FFCC","#33FFFF","#660000","#660033","#660066","#660099","#6600CC",
    "#6600FF","#663300","#663333","#663366","#663399","#6633CC","#6633FF",
    "#666600","#666633","#666666","#666699","#6666CC","#6666FF","#669900",
    "#669933","#669966","#669999","#6699CC","#6699FF","#66CC00","#66CC33",
    "#66CC66","#66CC99","#66CCCC","#66CCFF","#66FF00","#66FF33","#66FF66",
    "#66FF99","#66FFCC","#66FFFF","#990000","#990033","#990066","#990099",
    "#9900CC","#9900FF","#993300","#993333","#993366","#993399","#9933CC",
    "#9933FF","#996600","#996633","#996666","#996699","#9966CC","#9966FF",
    "#999900","#999933","#999966","#999999","#9999CC","#9999FF","#99CC00",
    "#99CC33","#99CC66","#99CC99","#99CCCC","#99CCFF","#99FF00","#99FF33",
    "#99FF66","#99FF99","#99FFCC","#99FFFF","#CC0000","#CC0033","#CC0066",
    "#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399",
    "#CC33CC","#CC33FF","#CC6600","#CC6633","#CC6666","#CC6699","#CC66CC",
    "#CC66FF","#CC9900","#CC9933","#CC9966","#CC9999","#CC99CC","#CC99FF",
    "#CCCC00","#CCCC33","#CCCC66","#CCCC99","#CCCCCC","#CCCCFF","#CCFF00",
    "#CCFF33","#CCFF66","#CCFF99","#CCFFCC","#CCFFFF","#FF0000","#FF0033",
    "#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366",
    "#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF6666","#FF6699",
    "#FF66CC","#FF66FF","#FF9900","#FF9933","#FF9966","#FF9999","#FF99CC",
    "#FF99FF","#FFCC00","#FFCC33","#FFCC66","#FFCC99","#FFCCCC","#FFCCFF",
    "#FFFF00","#FFFF33","#FFFF66","#FFFF99","#FFFFCC","#FFFFFF");

var colorCode = new Array(
    "#000000","#000080","#00008B","#0000CD","#0000FF","#006400","#008000",
    "#008080","#008B8B","#00BFFF","#00CED1","#00FA9A","#00FF00","#00FF7F",
    "#00FFFF","#00FFFF","#191970","#1E90FF","#20B2AA","#228B22","#2E8B57",
    "#2F4F4F","#32CD32","#3CB371","#40E0D0","#4169E1","#4682B4","#483D8B",
    "#48D1CC","#4B0082","#556B2F","#5F9EA0","#6495ED","#66CDAA","#696969",
    "#6A5ACD","#6B8E23","#708090","#778899","#7B68EE","#7CFC00","#7FFF00",
    "#7FFFD4","#800000","#800080","#808000","#808080","#87CEEB","#87CEFA",
    "#8A2BE2","#8B0000","#8B008B","#8B4513","#8FBC8F","#90EE90","#9370DB",
    "#9400D3","#98FB98","#9932CC","#9ACD32","#A0522D","#A52A2A","#A9A9A9",
    "#ADD8E6","#ADFF2F","#AFEEEE","#B0C4DE","#B0E0E6","#B22222","#B8860B",
    "#BA55D3","#BC8F8F","#BDB76B","#C0C0C0","#C71585","#CD5C5C","#CD853F",
    "#D2691E","#D2B48C","#D3D3D3","#D8BFD8","#DA70D6","#DAA520","#DB7093",
    "#DC143C","#DCDCDC","#DDA0DD","#DEB887","#E0FFFF","#E6E6FA","#E9967A",
    "#EE82EE","#EEE8AA","#F08080","#F0E68C","#F0F8FF","#F0FFF0","#F0FFFF",
    "#F4A460","#F5DEB3","#F5F5DC","#F5F5F5","#F5FFFA","#F8F8FF","#FA8072",
    "#FAEBD7","#FAF0E6","#FAFAD2","#FDF5E6","#FF0000","#FF00FF","#FF00FF",
    "#FF1493","#FF4500","#FF6347","#FF69B4","#FF7F50","#FF8C00","#FFA07A",
    "#FFA500","#FFB6C1","#FFC0CB","#FFD700","#FFDAB9","#FFDEAD","#FFE4B5",
    "#FFE4C4","#FFE4E1","#FFEBCD","#FFEFD5","#FFF0F5","#FFF5EE","#FFF8DC",
    "#FFFACD","#FFFAF0","#FFFAFA","#FFFF00","#FFFFE0","#FFFFF0","#FFFFFF");

var colorName = new Array(
    "black","navy","darkblue","mediumblue","blue","darkgreen","green","teal",
    "darkcyan","deepskyblue","darkturquoise","mediumspringgreen","lime",
    "springgreen","aqua","cyan","midnightblue","dodgerblue","lightseagreen",
    "forestgreen","seagreen","darkslategray","limegreen","mediumseagreen",
    "turquoise","royalblue","steelblue","darkslateblue","mediumturquoise",
    "indigo","darkolivegreen","cadetblue","cornflowerblue","mediumaquamarine",
    "dimgray","slateblue","olivedrab","slategray","lightslategray",
    "mediumslateblue","lawngreen","chartreuse","aquamarine","maroon","purple",
    "olive","gray","skyblue","lightskyblue","blueviolet","darkred",
    "darkmagenta","saddlebrown","darkseagreen","lightgreen","mediumpurple",
    "darkviolet","palegreen","darkorchid","yellowgreen","sienna","brown",
    "darkgray","lightblue","greenyellow","paleturquoise","lightsteelblue",
    "powderblue","firebrick","darkgoldenrod","mediumorchid","rosybrown",
    "darkkhaki","silver","mediumvioletred","indianred","peru","chocolate",
    "tan","lightgrey","thistle","orchid","goldenrod","palevioletred","crimson",
    "gainsboro","plum","burlywood","lightcyan","lavender","darksalmon","violet",
    "palegoldenrod","lightcoral","khaki","aliceblue","honeydew","azure",
    "sandybrown","wheat","beige","whitesmoke","mintcream","ghostwhite",
    "salmon","antiquewhite","linen","lightgoldenrodyellow","oldlace","red",
    "fuchsia","magenta","deeppink","orangered","tomato","hotpink","coral",
    "darkorange","lightsalmon","orange","lightpink","pink","gold","peachpuff",
    "navajowhite","moccasin","bisque","mistyrose","blanchedalmond","papayawhip",
    "lavenderblush","seashell","cornsilk","lemonchiffon","floralwhite","snow",
    "yellow","lightyellow","ivory","white");

/*Replace words by code color in CSS textarea and in formular*/

function check_sheet_color()
{
    var cssData = document.formulaire.css.value;
    var new_css ="";
    var tamp = new RegExp("\r?\n");
    var css_arr  = cssData.split(tamp);
    for(var v in css_arr){
        var line  = css_arr[v];
        var c = css_arr[v].split(/\s*:\s*/);

        if (c[1]){
            var reg =  new RegExp("color");
            if (reg.test(c[0])){
                var colour = c[1].replace(/;?\s*$/,'');

                var j=-1;
                for (var i = 0; i < colorName.length; ++i) {
                    if (colour == colorName[i] || colour == colorCode[i] ) {
                        j = i ;
                    }
                }
                var newcolor ="";
                if (j == -1){
                    for (var k = 0; k < true_color.length; ++k) {
                        if (colour == true_color[k]) {

                            j = k;
                            return;

                        }
                    }

                }

                if (j!=-1){
                    //the color is in the array
                    var old_line = line;
                    var new_line = line.replace(colour,colorCode[j]);
                    new_css = cssData.replace(old_line,new_line);
                    cssData = new_css;

                }

                if (j == -1) {

                    alert('エラー: このカラー: ' + colour + 'がありません!');
                    var old_line = line;
                    var new_line = line.replace(colour,colorCode[0]);
                    new_css = cssData.replace(old_line,new_line);
                    cssData = new_css;

                }


            }



        }
    }
    document.formulaire.css.value = new_css ;
}

function couleur(name,colour)
{

    var j=-1;

    for (var i = 0; i < colorName.length; ++i) {
        if (colour == colorName[i] || colour == colorCode[i] ) {

            j = i ;
        }
    }

    if (j == -1){
        for (var k = 0; k < true_color.length; ++k) {
            if (colour == true_color[k]) {

                j = k ;
                return;
            }
        }
    }

    if (j!=-1){
        document.getElementsByName(name)[0].value = colorCode[j];
    }

    if (j == -1) {
        alert('エラー: This color : ' + colour + ' does not exist!');
        document.getElementsByName(name)[0].value = "#FFFFFF";
    }
}

function preview(classname,propertyName,propertyValue)
{

    var cssData = document.formulaire.css.value;
    var v = _getValueStyle(propertyName);
    var myreg = "(" + classname + "[^\}]*?{[^\}]*?(" + propertyName + "[^\}]*?:[^\}]*?" + v + "))";
    var o_reg = new RegExp(myreg);

    cssData.match(o_reg);

    var ma  = RegExp.$1;
    var mb  = RegExp.$2;
    mb  = mb.toString();
    var arr = mb.split(/\s*:\s*/);

    var newStyle = arr[0] + ':' + _getValueUnit(propertyName,propertyValue) + ';';
    var newma = ma.replace(mb,newStyle);


    var css = cssData.replace(ma,newma);

    document.formulaire.css.value = css ;

    var safari_test = navigator.appVersion.match(/Safari/);

    if (safari_test){
        document.getElementById('css').innerHTML = css;
        //alert("nav ="+safari_test);
    }
}


function _getValueStyle(pn)
{
    if (pn == 'background-color' || pn == 'border-color' || pn == 'color' ) {
        return "[#0-9a-zA-Z]+;?";
    } else if (pn == 'font-size' || pn == 'margin' || pn == 'padding' || pn == 'border-width' || pn == 'width') {
        return "[0-9]+(px|pc|cm|mm|em|ex|pt|in|%)?;?";
    }else if (pn == 'font-family'){
        return "[a-zA-Z]+;?";
    }else if (pn == "font-weight"){
        return "(bolder|normal|bold|lighter);?";
    }else if (pn == "text-align"){
        return "(left|right|center);?";
    }else if (pn == "font-style"){
        return "(normal|italic|oblique);?";
    }else if (pn == "border-style"){
        return "(none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset);?"
    }else if (pn == 'background-attachement'){
        return "(scroll|fixed);?";
    }else if (pn == 'background-position'){
        return "(left top|left bottom|center center|right top|right bottom);?";
    }else if (pn == 'background-repeat'){
        return "(no-repeat|repeat|repeat-x|repeat-y);?";
    }else if (pn == 'text-decoration'){
        return "(none|underline|overline|line-through|blink);?";
    }else if (pn == 'background-image'){
        return 'url\([\"\']?[^\"\']*?[\"\']?\);';
    }else if (pn == "margin-left" || pn == "margin-right"){
        return "(0px|auto);?";
    }
}

function _getValueUnit(pn,val)
{
    if (pn == 'font-size' || pn == 'margin' || pn == 'padding' || pn == 'border-width' || pn == 'width') {
        return (val.match(/^[0-9]+$/)) ? val + 'px' : val;
    }else if (pn == 'background-image'){
        //alert("OK");
        return 'url(' + val + ')';
    } else {
        return val;
    }
}

//set margin right

function setMarginRight(propertyValue)
{
    var cssData = document.formulaire.css.value;
    var mr='';

    if (propertyValue == 'left'){ mr = 'auto'; }
    if (propertyValue == 'center'){ mr = 'auto'; }
    if (propertyValue == 'right'){ mr = '0px'; }

    var v = _getValueStyle('margin-right');
    var s = '(alignDiv[^\}]*?{[^\}]*?(margin-right[^\}]*?:[^\}]*?' + v + '))';
    var o_reg = new RegExp(s);
    cssData.match(o_reg);
    var ma  = RegExp.$1;
    var mb  = RegExp.$2;
    var newStyle = 'margin-right: ' + mr + ';';
    var newma = ma.replace(mb,newStyle);
    document.formulaire.css.value = cssData.replace(ma,newma);

}


//set margin left

function setMarginLeft(propertyValue)
{
    var cssData = document.formulaire.css.value;
    var ml='';

    if (propertyValue == 'left'){ ml = '0px';}
    if (propertyValue == 'center'){ ml = 'auto';}
    if (propertyValue == 'right'){ ml = 'auto'; }

    var v2 = _getValueStyle('margin-left');
    var s2 = '(alignDiv[^\}]*?{[^\}]*?(margin-left[^\}]*?:[^\}]*?' + v2 + '))';
    var o_reg2 = new RegExp(s2);
    cssData.match(o_reg2);
    var ma2  = RegExp.$1;
    var mb2  = RegExp.$2;
    var newStyle2 = 'margin-left: ' + ml + ';';
    var newma2 = ma2.replace(mb2,newStyle2);
    document.formulaire.css.value = cssData.replace(ma2,newma2);
}

//Manage the tab menu and its style

function multiClass(eltId)
{
    arrLinkId = new Array('n0','n1','n2','n3','n4','n5');
    intNbLinkElt = new Number(arrLinkId.length);
    arrClassLink = new Array('current','ghost');
    strContent = new String();


    for (i=0; i<intNbLinkElt; i++) {
        strContent = "menu"+arrLinkId[i];
        if ( arrLinkId[i] == eltId ) {
            //var tst = document.getElementById(arrLinkId[i]).className;
            //alert(tst);
            document.getElementById(arrLinkId[i]).className = arrClassLink[0];

            document.getElementById(strContent).className = 'on content';
        } else {
            document.getElementById(arrLinkId[i]).className = arrClassLink[1];
            document.getElementById(strContent).className = 'off content';
        }
    }
}
/*onmouseover the tabs update the explanation text*/
function changeInfo(eltId)
{
    var text="";
    switch(eltId)
    {
    case "n0": text ="全体の設定を行います";
        break;
    case "n1": text ="アンケートのタイトル部分の設定を行います";
        break;
    case "n2": text ="質問内容部分の設定を行います";
        break;
    case "n3": text ="答え全体の設定と、各答えごとの設定を行います";
        break;
    case "n4": text ="投票ボタンの表示箇所と、ボタンの設定を行います。";
        break;
    case "n5": text ="結果ページへのリンク箇所の設定と、リンク色の設定を行います";
        break  ;
    default: ;
    }

    var inf = document.getElementById('info');
    inf.innerHTML = text;

}

/*Make visible the form or the textarea*/
function setVisible(elt)
{

    document.getElementById(elt).style.display= 'block';

    if (elt == "conteneur"){
        document.getElementById('css_area').style.display='none';
        document.getElementById('formular_use').className ="left_act";
        document.getElementById('css_use').className ="right_non_act";
    }

    if (elt == "css_area"){
        document.getElementById('conteneur').style.display='none';
        document.getElementById('formular_use').className ="left_non_act";
        document.getElementById('css_use').className ="right_act";
    }
}


function changeKeyStr(str)
{
    if (!str.match(/\-/)) {
        return str;
    }
    var c = str.split("-");
    var str = c[0] + c[1].substr(0,1).toUpperCase() + c[1].substr(1);
    return str;
}


/*Update the preview look*/
function _css()
{
    var css = document.formulaire.css.value;
    var arr = ['enquete_preview','alignDiv','bodyDiv','titleDiv','questionDiv','answerDiv','answerSubDiv','submitDiv','resultDiv','submitButtonDiv','resultDiv a:link'];
    var m = arr.length;
    for(var i = 0;i<m;i++) {

        var obj = document.getElementById(arr[i]);
        var regex = new RegExp("(" + arr[i] + "[^{]*{([^}]+)})","i");
        css.match(regex);

        var css_block = RegExp.$2;
        var tamp = new RegExp("\r?\n");
        var css_arr = css_block.split(tamp);

        for(var v in css_arr) {

            var c = css_arr[v].split(/\s*:\s*/);

            if (c[1]) {
                var j = c[1].replace(/;?\s*$/,"");
                var k = changeKeyStr(c[0]);

                try {
                    if (arr[i]=="resultDiv a:link") {
                        document.getElementById('link').style[k] = j;
                        document.getElementById('answer').style[k] = j;
                    } else {
                        document.getElementById(arr[i]).style[k] = j;
                        if (arr[i]=='answerSubDiv') {
                            document.getElementById('answerSubDiv1').style[k] = j;
                            document.getElementById('answerSubDiv2').style[k] = j;
                            document.getElementById('answerSubDiv3').style[k] = j;
                            document.getElementById('answerSubDiv4').style[k] = j;
                            document.getElementById('answerSubDiv5').style[k] = j;
                            document.getElementById('answerSubDiv6').style[k] = j;
                            document.getElementById('answerSubDiv7').style[k] = j;
                        }
                    }
                } catch(e) {
                }
            } else {
            }
        }
    }
    if (document.objForm.background_image.value != 'http://' || document.objForm.background_image.value != ""){
        document.getElementById('bodyDiv').style.backgroundImage = 'url(' + document.objForm.background_image.value+ ')' ;
    }

}

/*Update the form from texttarea changes*/

function fill_form_from_textarea()
{

    var css = document.formulaire.css.value;

    var arr = ['enquete_preview','alignDiv','bodyDiv','titleDiv','questionDiv','answerDiv','answerSubDiv','submitDiv','resultDiv','submitButtonDiv','resultDiv a:link','resultDiv a:visited','resultDiv a:hover','resultDiv a:active'];
    var property = ['enquete','align','body','title','question','answer','answer_sub','submit','submit_button','result','link','visited','hover','active'];

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

        var obj = document.getElementById(arr[i]);
        var regex = new RegExp("(" + arr[i] + "[^{]*{([^}]+)})","i");
        css.match(regex);

        var css_block = RegExp.$2;

        var tamp = new RegExp("\r?\n");
        var css_arr = css_block.split(tamp);

        for(var v in css_arr) {

            var c = css_arr[v].split(/\s*:\s*/);

            if (c[2]){
                c[1] = c[1]+":"+c[2];
            }

            if (c[1]) {
                var j = c[1].replace(/;?\s*$/,"");

                if (j.match("px") && c[0]!="font-size"){
                    j = j.replace(/px?\s*$/,"");
                }

                if (c[0] == "background-image"){
                    var re = j.replace(/url?/,"");
                    var je = re.replace(/\(?/,"");
                    j = je.replace(/\)$/,"");

                }


            }

            var props = new Array("background-color","border-color","color","text-align","width","margin","padding","border-width","border-style","font-size",
                                  "font-family","font-weight","text-decoration","background-attachement","background-position","background-repeat","background-image");
            var propsID = new Array("_background_color","_border_color","_color","_text_align","_width","_margin","_padding","_border_width","_border_style","_font_size",
                                    "_font_family","_font_weight","_text_decoration","background_attachement","background_position","background_repeat","background_image");

            for (var k=0;k<props.length;k++){

                if(c[0] == props[k]){

                    if (c[0] == "background-attachement" || c[0] =="background-position" || c[0] == "background-repeat" || c[0] == "background-image"){

                        var id = propsID[k];
                        document.getElementsByName(id)[0].value = j;
                    }
                    else {
                        var id = property[i]+propsID[k];
                        if (document.getElementsByName(id)[0]) {
                            document.getElementsByName(id)[0].value = j;
                        } else {
                            alert(id + 'が存在しません');
                        }
                    }
                }
            }
        }

    }

}

/*######################################
  DRAG Functions
  ######################################*/

var classMove = "drag";
var myObjectClick = null;
var movable = false;
var positionXAtClick = null;
var positionYAtClick = null;
var positionXMyobjectClick = null;
var positionYMyobjectClick = null;

//Listeners init
function init_evenement()
{

    if(window.attachEvent){
        document.onmousedown = start;
        document.onmousemove = drag;
        document.onmouseup = drop;
    }
    else{
        document.addEventListener("mousedown",start, false);
        document.addEventListener("mousemove",drag, false);
        document.addEventListener("mouseup",drop, false);
    }

}

//GET Class of clicked object
function start(e)
{
    //Event init (IE)
    if(!e){
        e = window.event;
    }
    //Detect clicked element
    monElement = (e.target)? e.target:e.srcElement;

    if(monElement)
    {
        getClassDrag(monElement);

        if(myObjectClick){

            var is_ie/*@cc_on = {
                     // quirksmode : (document.compatMode=="BackCompat"),
                     version : parseFloat(navigator.appVersion.match(/MSIE (.+?);/)[1])
                     }@*/;

            if (is_ie && (is_ie.version < 7))
            {
                // do IE specific stuff
                //alert("alert : ie 4,5,6");
                var selectLists = document.getElementsByTagName('select');
                // HIDE UNDERLYING SELECT LISTS
                for (var counter=0; counter<selectLists.length; counter++)
                {
                    selectLists[counter].style.visibility = 'hidden';

                }
                document.getElementById("css").style.overflow='hidden';
            }
            else
            {
                // default behavior for other browsers

                document.getElementById("css").style.overflow='hidden';
            }

            positionXAtClick = e.clientX;
            positionYAtClick = e.clientY;
            positionXMyobjectClick = parseInt(myObjectClick.offsetLeft);
            positionYMyobjectClick = parseInt(myObjectClick.offsetTop);
            return false;
        }


    }
}

function drag(e)
{
    //Event init (IE)
    if(!e){
        e = window.event;
    }

    if(movable && myObjectClick){
        myObjectClick.style.position = "absolute" ;
        //Get mouse position/object
        myObjectClick.style.left = e.clientX + ( positionXMyobjectClick - positionXAtClick ) + "px";
        myObjectClick.style.top = e.clientY + ( positionYMyobjectClick - positionYAtClick ) + "px";
        return false;
    }
}

function drop()
{
    myObjectClick = null;
    movable = false;
    positionXAtClick = null;
    positionYAtClick = null;
    positionXMyobjectClick = null;
    positionYMyobjectClick = null;

    var is_ie/*@cc_on = {
             // quirksmode : (document.compatMode=="BackCompat"),
             version : parseFloat(navigator.appVersion.match(/MSIE (.+?);/)[1])
             }@*/;

    if (is_ie && (is_ie.version < 7))
    {
        // do IE specific stuff
        //alert("ie 4,5,6");
        // IE6, older browsers
        var selectLists = document.getElementsByTagName('select');

        for (var counter=0; counter<selectLists.length; counter++)
        {
            selectLists[counter].style.visibility = 'visible'  ;

        }
        document.getElementById("css").style.overflow='visible';
    }
    else
    {
        // default behavior for other browsers
        document.getElementById("css").style.overflow='visible';
    }

}

function getClassDrag(myObject)
{

    with(myObject){
        if (myObject == "[object HTMLImageElement]"){
            return;
        }
        var x = className;
        listeClass = x.split(" ");
        //Check if object movable
        for(var i = 0 ; i < listeClass.length ; i++){
            if(listeClass[i] == classMove){
                movable = true;
                myObjectClick = myObject;
            }
        }
    }
}

function divBack()
{

    document.getElementById('drag_preview').parentNode.removeChild(document.getElementById('drag_preview'));

    var myNewDiv = document.getElementById('previewBack');

    var tmp ='<div class="drag" id="drag_preview" style="background:url(/img/enqueteform/admin/pop_ttl.jpg) no-repeat;width:180px;margin:5px auto;cursor:pointer;">';
    tmp +='<a href="javascript:;;" onclick="divBack();"><img src="/img/enqueteform/admin/pop_del.gif" align="right" style="margin-top:2px;margin-right:2px;"><\/a>';
    tmp +='<br /><br /><div id="enquete_preview" class="enquete_preview_">';
    tmp +='<div class="alignDiv" id="alignDiv" >';
    tmp +='                 <div class="bodyDiv" id="bodyDiv">';
    tmp +='                         <div class="titleDiv" id="titleDiv">NINJAアンケート<\/div>';
    tmp +='                         <div class="questionDiv" id="questionDiv">質問<\/div>';
    tmp +='                             <div class="answerDiv" id="answerDiv">';
    tmp +='                                 <div class="answerSubDiv" id="answerSubDiv"><input type="radio" />答え1<\/div>';
    tmp +='                                 <div class="answerSubDiv" id="answerSubDiv1"><input type="radio" />答え2<\/div>';
    tmp +='                                 <div class="answerSubDiv" id="answerSubDiv2"><input type="radio" />答え3<\/div>';
    tmp +='                             <\/div>';
    tmp +='                             <div class="submitDiv" id="submitDiv"><input class="submitButtonDiv" id="submitButtonDiv" type="button" value="投票する"/><\/div>';
    tmp +='                             <div class="resultDiv" id="resultDiv" ><a href="#" id="link">結果<\/a><a href="#" id="answer">回答追加<\/a><\/div>';
    tmp +='                     <\/div>';
    tmp +='             <\/div>';
    tmp +='         <\/div>';
    tmp +='<\/div>';
    myNewDiv.innerHTML += tmp;
    _css();
    init_evenement();


}


/**End of drag/drop functions**/

function useOption1(where,elem1,elem2,elem3,flg)
{

    elem1 = document.getElementById(elem1);
    if(elem2 != ''){elem2 = document.getElementById(elem2);}
    if(elem3 != ''){elem3 = document.getElementById(elem3);}

    if (where.value == 'true') {
        elem1.disabled = false;
        if(elem2 != ''){elem2.disabled = false;}
        if(elem3 != ''){elem3.disabled = false;}


    } else {
        elem1.disabled = true;
        if(elem2 != ''){elem2.disabled = true;}
        if(elem3 != ''){elem3.disabled = true;}
    }
    document.getElementById('bodyDiv').style.backgroundImage = (flg) ? 'url(' + document.objForm.background_image.value + ')' : 'url()';

}

function changeDisp(where,that)
{
    var thatElem = document.getElementById(that);
    if (where.value == 'true') {
        thatElem.disabled = false;
        if (thatElem.value == '') {
            thatElem.value = 'http://';
        }
        thatElem.focus();
    } else if (where.value == 'false') {
        thatElem.disabled = true;
    }
}

var changeColorObj,colorTableObj;
var pname,pvalue;


function changeColorWindow(obj,pn,pv)
{
    changeColorObj = obj;
    pname = pn;
    pvalue = pv;
    try{
        colorTableObj.focus();
    }
    catch(e) {
        colorTableObj = window.open('/enqueteform/color-table.html','colorTable','width=340,height=300');

    }
}

window.onunload = function() {
    try {
        colorTableObj.close();
    } catch(e){}
}

function setColor(color) {
    changeColorObj.value = color;
    preview(pname,pvalue,color);
    _css();

}


function onload_funct(){
    init_evenement();
    _css();
}

window.onload = onload_funct;