function renderLeftNav() {
    var dispArray, linkArray
    var active_class = "";
       
    renderLeftNavHeader(); 
    
    // Section - home
    var codeArray = new Array('home');
    var dispArray = new Array('st. louis county votes');
    var linkArray = new Array('index.htm');
    renderMenuArray(codeArray, dispArray, linkArray);

    // Section - vote
    var codeArray = new Array('vote', 'voteequip', 'howtotouch', 'howtooptical', 'experience', 'votereg', 'rights', 'access');
    var dispArray = new Array('voters', 'New Voting Equipment', 'Touch Screen How To', 'Optical Scan How To', 'Experience It', 'Voter Registration', 'Your Rights', 'Accessibility');
    var linkArray = new Array('voterinfo.htm', 'newvoting.htm', 'howto_touch.htm', 'howto_optical.htm', 'experience.htm', 'registration.htm', 'rights.htm', 'accessibility.htm');
    renderMenuArray(codeArray, dispArray, linkArray, false);
    
    // Section - media
    var codeArray = new Array('media', 'news');
    var dispArray = new Array('media', 'News');
    var linkArray = new Array('media.htm', 'news.htm');
    renderMenuArray(codeArray, dispArray, linkArray, false);

    // Section - community
    var codeArray = new Array('community');
    var dispArray = new Array('community partners');
    var linkArray = new Array('partners.htm');
    renderMenuArray(codeArray, dispArray, linkArray, false);

    // Section - election judges
    var codeArray = new Array('judges');
    var dispArray = new Array('election judges needed');
    var linkArray = new Array('http://www.stlouisco.com/elections/JUDGES.html');
    renderMenuArray(codeArray, dispArray, linkArray, true);

    renderLeftNavFooter(); 

}

function renderMenuArray(vCode, vDisp, vLink, vExtLink) {
    var vActive = false;
    for (var x=0; x<vDisp.length; x++) {
        vActive = (vCode[x] == currPage);
        if (x<1) {
            renderMenuTitleRow(vDisp[x], vLink[x], vActive, vExtLink);
        } else {
            renderMenuRow(vDisp[x], vLink[x], vActive);   
        }
    }
}

function renderMenuTitleRow(vMenuDisp, vMenuLink, vActive, vExtLink) {
    
    activeClass = 'leftmenutitlelinkactive';
    inactiveClass = 'leftmenutitlelink';
    currClass = (vActive)?activeClass:inactiveClass;
    
    document.write('  <tr> \n');
    document.write('    <td width="17" height="17" valign="bottom" bgcolor="#ffffff"><img src="images/bullet_leftitem.gif" width="17" height="16"></td> \n');
    document.write('    <td height="17" class="' + currClass + '"> \n');
    document.write('      &nbsp;<a href="' + vMenuLink + '"' + ((vExtLink)?' target="_blank"':'') + '>' + vMenuDisp + '</a></td> \n');
    document.write('  </tr> \n');
}

function renderMenuRow(vMenuDisp, vMenuLink, vActive) {

    activeClass = 'leftmenulinkactive';
    inactiveClass = 'leftmenulink';
    currClass = (vActive)?activeClass:inactiveClass;
    
    document.write('  <tr> \n');
    document.write('    <td height="17" valign="bottom"><img src="images/bg_leftmenu_1stTD.gif" width="9" height="16"></td> \n');
    document.write('    <td height="17" class="' + currClass + '"><a href="' + vMenuLink + '">  \n');
    document.write('       &nbsp; ' + vMenuDisp + '</a></td> \n');
    document.write('  </tr> \n');    
}


function renderLeftNavHeader() {
    document.write('<table width="171" border="0" cellpadding="0" cellspacing="0" bgcolor="#f1f1f1">');
    document.write('  <tr>');
    document.write('    <td colspan="2" align="right" valign="top" bgcolor="#ffffff"><img src="images/ico_stlco_votes.gif" alt="St. Louis Country Votes - We\'re in Touch!"></td>');
    document.write('  </tr>');
    document.write('  <tr>');
    document.write('    <td colspan="2" align="center" valign="top" bgcolor="#ffffff">');
    document.write('        <div class="electionboardlink">');
    document.write('        <a href="http://www.stlouisco.com/elections/">&lt; Election Board (home)</a>');
    document.write('        </div>');
    document.write('    </td>');
    document.write('  </tr>');
    document.write('</table>');
    document.write('<table width="171" border="0" cellpadding="0" cellspacing="0" bgcolor="#f1f1f1"> \n');    
    document.write('  <tr> \n');
    document.write('    <td colspan="2" align="right" valign="top" bgcolor="#dddddd"><img src="images/img_leftmenu_toprightcorner.gif" width="4" height="4"></td> \n');
    document.write('  </tr> \n');
    document.write('  <tr> \n');
    document.write('    <td height="19" colspan="2" valign="bottom" background="images/bg_leftcolumn.gif"></td> \n');
    document.write('  </tr> \n');
}


function renderLeftNavFooter() {
    document.write('  <tr> \n');
    document.write('    <td height="19" colspan="2" valign="bottom" background="images/bg_leftcolumn.gif"></td> \n');
    document.write('  </tr> \n');
    document.write('  <tr align="right"> \n');
    document.write('    <td height="4" colspan="2" valign="bottom" bgcolor="#d6d6d6"><img src="images/img_leftmenu_bottomrightcorner.gif" width="4" height="4"></td> \n');
    document.write('  </tr> \n');
    document.write('</table> \n');
}

function renderRandomRtContent() {
    var rand=Math.floor(Math.random()*4);
    var vers=((rand<3)?'a':'b');
    
    document.write('<div style="margin:20px 0px 20px 0px; width:162px;"> \n');
    document.write('    <div class="panel_rt_123_top">&nbsp;</div><div class="panel_rt_123_mid"> \n');
    document.write('    <div class="panel_rt_123_txt"> \n');
    document.write('    <strong>1</strong> &nbsp;' + ((rand)?'Activate Ballot':'Mark Ballot') + '<br>                    \n');
    document.write('    </div> \n');
    document.write('    <img src="images/img_right_123' + vers + '_1.jpg" style="margin-left:2px;" alt="Its as easy as 1,2,3"/> \n');
    document.write('    <div class="panel_rt_123_txt"> \n');
    document.write('    <strong>2</strong> &nbsp;' + ((rand)?'Make Selections':'Insert Ballot') + '<br>                    \n');
    document.write('    </div> \n');
    document.write('    <img src="images/img_right_123' + vers + '_2.jpg" style="margin-left:2px;"/> \n');
    document.write('    <div class="panel_rt_123_txt"> \n');
    document.write('    <strong>3</strong> &nbsp;Review Ballot<br>                    \n');
    document.write('    </div> \n');
    document.write('    <img src="images/img_right_123' + vers + '_3.jpg" style="margin-left:2px;"/> \n');
    document.write('    <br> \n');
    document.write('    <img src="images/img_rt_vote.gif" style="margin:10px 0px 0px 32px;"/> \n');
    document.write('    <div class="panel_rt_hdr" style="text-align:center; margin-top:10px;">' + ((rand)?'Touch Screen Voting With Paper Receipt':'Optical Scan Voting') + '</div> \n');
    document.write('    <div class="panel_checkbox_txt" style="margin-left:10px;"><a href="');
    document.write(((rand)?'downloads/QkStart-STLCntyCD12.pdf':'downloads/QkStart-STLCntyCD12.pdf'));
    document.write('" target="_blank">Get more information!</a></div> \n');
    document.write('    </div><div class="panel_rt_bot"></div> \n');
    document.write('</div> \n');
    document.write('<br> \n');
    
}

function mailReq() {
    
    var reqMat = document.getElementById("chkMaterials");
    var reqDemo = document.getElementById("chkLiveDemo");
    
    if (!reqMat.checked && !reqDemo.checked) {
        alert("Please choose Materials or Live Demo to request.");
    } else {
    
        var mailtoURL = 'mailto:'; 
        var recipient = 'boec@stlouisco.com';
        var subj = 'Request for '
        var body = 'Please send me ';
        
        subj += ((reqMat.checked)?'St. Louis County Voter Education Materials':'') + ((reqMat.checked && reqDemo.checked)?' and ':'') + ((reqDemo.checked)?'Live Demo':'');
        body += ((reqMat.checked)?'voter education materials on the new voting equipment in St. Louis County':'') + ((reqMat.checked && reqDemo.checked)?', and ':'') + ((reqDemo.checked)?'information regarding a live demonstration':'') + '.';
        
        mailtoURL += recipient + '?subject='+subj+'&body='+body;
        
        window.location.href=mailtoURL;
        
        
    }
}