var currentColor = null;

function get_radio_value(radioObj) {
    
    for (var i=0; i < radioObj.length; i++) {
        if (radioObj[i].checked) {
            return radioObj[i].value;
        }
    }
}

function preview() {

    var voteid = document.getElementById('VoteID').value;
    var limit = document.getElementById('Limit').value;
    var bcolor = document.getElementById('BColor').value;
    var hbcolor = document.getElementById('HBColor').value;
    var hfcolor = document.getElementById('HFColor').value;
    var bbcolor = document.getElementById('BBColor').value;
    var bfcolor = document.getElementById('BFColor').value;
    var ori = get_radio_value(document.form1.ori);
    var size = get_radio_value(document.form1.psize);
    var dispDesc = (document.getElementById('DispDesc').checked ? "Y" : "N");
    var dispPerc = (document.getElementById('DispPercent').checked ? "Y" : "N");

    var requestHeader = "?TransID=RVOTES03";
    var url = urlHost + requestHeader + "&VoteID=" + voteid + "&rt=" + (new Date()).getTime() + "&ori=" + ori + "&size=" + size + "&limit=" + limit + "&bcolor=" + bcolor + "&bbcolor=" + bbcolor + "&bfcolor=" + bfcolor + "&hbcolor=" + hbcolor + "&hfcolor=" + hfcolor + "&desc=" + dispDesc + "&percent=" + dispPerc;

	ajaxCall(url, null, cPreview);
}

function cPreview(response) {

	setInnerHTML(document.getElementById('PreviewSection'), response);
    generateCode();
}

function generateCode() {

    var voteid = document.getElementById('VoteID').value;
    var limit = document.getElementById('Limit').value;
    var bcolor = document.getElementById('BColor').value;
    var hbcolor = document.getElementById('HBColor').value;
    var hfcolor = document.getElementById('HFColor').value;
    var bbcolor = document.getElementById('BBColor').value;
    var bfcolor = document.getElementById('BFColor').value;
    var ori = get_radio_value(document.form1.ori);
    var size = get_radio_value(document.form1.psize);
    var dispDesc = (document.getElementById('DispDesc').checked ? "Y" : "N");
    var dispPerc = (document.getElementById('DispPercent').checked ? "Y" : "N");
    var fwidth = document.getElementById('VooteTable').offsetWidth + 5;
    var fheight = document.getElementById('VooteTable').offsetHeight;

    var sCode = "<!-- Begin: Voote.com  -->\n"
            + "<script type=\"text/javascript\">\n"
            + "var voteid = " + voteid + ";\n"
            + "var limit = " + limit + ";\n"
            + "var bcolor = '" + bcolor + "';\n"
            + "var hbcolor = '" + hbcolor + "';\n"
            + "var hfcolor = '" + hfcolor + "';\n"
            + "var bbcolor = '" + bbcolor + "';\n"
            + "var bfcolor = '" + bfcolor + "';\n"
            + "var ori = '" + ori + "';\n"
            + "var size = " + size + ";\n"
            + "var dispDesc = '" + dispDesc + "';\n"
            + "var dispPerc = '" + dispPerc + "';\n"
            + "var fwidth = '" + fwidth + "px';\n"
            + "var fheight = '" + fheight + "px';\n"
            + "</script>\n"
            + "<script src=\"http://www.voote.com/js/Votelet.js\" type=\"text/javascript\"></script>\n"
            + "<!-- End: Voote.com -->\n";

    document.getElementById('JsCode').value = sCode;
    
    //preview();
}

function setColor(e, sColorObj) {

    currentColor = sColorObj;
    colorTable = document.getElementById('ColorTable');
    if (colorTable.style.display == 'none') {
        colorTable.style.display='block';
        colorTable.style.left=e.clientX;
        colorTable.style.top=e.clientY;
    }
    else {
        colorTable.style.display='none';
    }
    
}

function colorsAll(color) {

    var colorField = document.getElementById(currentColor);
    var colorObj = document.getElementById(currentColor + 'C');

    colorTable = document.getElementById('ColorTable');
    colorTable.style.display='none';
        
    colorField.value = color;
    colorObj.style.backgroundColor = '#' + color;
    generateCode();   
}