var firstZip = '';
function zipSelection(zip, aTag)
{
    hideAllTagChildrenByClassName('div', 'CommunityDataZip');      
    document.getElementById('zip'+zip).style.display='block';
    resetAllTagChildrenClassNames('zipSelection', 'A', 'Hyperlink');
    aTag.className = "SelectedItem";
}
function resetAllTagChildrenClassNames(id, childTagName, newClassName)
{
    var a = document.getElementById('zipSelection');
    if (a)
    {
        var b = a.childNodes;
	    for(x=0;x < b.length; x++)
	    {	
	        if(b[x].tagName == childTagName)
	        {
		        b[x].className = newClassName;
		    }
	    } 
    }    
}
function hideAllTagChildrenByClassName(tagName, cName)
{
    var p = document.getElementsByTagName(tagName); //
    if (p.length > 0)
    {
	    var i = p.length;
	    for(x=0;x < i; x++)
	    {
		    if(p[x].tagName == "DIV" & p[x].className == cName)
		    {	
			    p[x].style.display = "none";
		    }
	    } 
	 }
}
function showFirstZip()
{
    if (firstZip != '')
    {
        var z = document.getElementById('zip'+firstZip);
        if (z)
        {
            z.style.display="block";
        }
    }
}


function drawGraph(containerName, labels, values, maxSize, median, buffer)
{
    var container = document.getElementById(containerName);
    if(container)
    {
        var contents = "<div class='Legend' style=width:"+maxSize+"px;><span class='VLow' style=width:100px;>Below Average</span><span class='VHigh' style=width:200px;>Above Average</span></div>";
        for(i=0; i<values.length; i++)
        {
            contents+="<div class='L' style=width:"+maxSize+"px;>"+labels[i]+"</div>";
            contents+="<div class='V' style=width:"+maxSize+"px;>"
            if(values[i].toString().match(/^\d+$/))
            {               
                var widthLow=median;
                if (values[i] <= median){
                    widthLow = values[i];
                }

                var widthHigh=values[i]-median;
                if(values[i] > maxSize-buffer) {
                    widthHigh = maxSize-median-buffer;
                }   
                
                contents+="<span class='VLow' style=width:"+widthLow+"px;>&#160;</span>";
                if (widthHigh > 0){
                    contents+="<span class='VHigh' style=width:"+widthHigh+"px;>&#160;</span>";
                }
                contents+="<span class='Value'>"+values[i]+"</span></div>";
            }
            else
            {
                contents+="<span class='Value'>N/A</span></div>";
            }
        }
        container.innerHTML = "" + contents;
        container.style.width = maxSize + 'px';
    }
}
function cleanData() {
    var tds = document.getElementsByTagName('TD');
    var ii;
    for(ii=0;ii<tds.length;ii++) {
        if(tds[ii].className.indexOf('V') != -1) {
            if (tds[ii].innerHTML == '' || tds[ii].innerHTML.indexOf('NaN') != -1) {
                tds[ii].innerHTML = 'N/A';
            }
        }
    }
}