function hasClass(ele,cls) {
	        return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
        }
        function addClass(ele,cls) {
	        if (!this.hasClass(ele,cls)) ele.className += " "+cls;
        }
        function removeClass(ele,cls) {
	        if (hasClass(ele,cls)) {
		        var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
		        ele.className=ele.className.replace(reg,' ');
	        }
        }
        
        function init()
        {
            fillCompareTable(compareInfo[3]);
            fillProjectedTable(projectedInfo[3][1]);
        }
        
        function compareDropDownChanged()
        {
            var dropdown = document.getElementById("compare-account");
            var value = dropdown.options[dropdown.selectedIndex].value;
            fillCompareTable(compareInfo[value]);
        }
        function projectedDropDownChanged()
        {
            var accountDropdown = document.getElementById("projected-account");
            var accountValue = accountDropdown.options[accountDropdown.selectedIndex].value;
            var depositDropdown = document.getElementById("projected-deposit");
            var depositValue = depositDropdown.options[depositDropdown.selectedIndex].value;
            
            fillProjectedTable(projectedInfo[accountValue][depositValue]);
        }
        
        function fillCompareTable(dataList)
        {
            for (var i = 0; i < dataList.length; i++)
                fillRow(document.getElementById("compare-row" + i), dataList[i]);
        }
        function fillProjectedTable(dataList)
        {
            for (var i = 0; i < dataList.length; i++)
                fillRow(document.getElementById("projected-row" + i), dataList[i]);

        }
        function fillRow(row, data)
        {
            var elementList = row.getElementsByTagName("td");
            
            for (var i = 0; i < elementList.length; i++)
                elementList[i].innerHTML = data[i];
        }
        
        function showInfo(item)
        {
            var selectedLink;
            var activeLink;
            var itemToShow;
            var itemToHide;
            
            if (item == "compare")
            {
                selectedLink = document.getElementById("compare-link");
                activeLink = document.getElementById("projected-link");
                itemToShow = document.getElementById("body-compare");
                itemToHide = document.getElementById("body-projected");
            }
            else if (item == "projected")
            {
                selectedLink = document.getElementById("projected-link");
                activeLink = document.getElementById("compare-link");
                itemToShow = document.getElementById("body-projected");
                itemToHide = document.getElementById("body-compare");
            }
            
            removeClass(activeLink, "selected");
            addClass(selectedLink, "selected");
            itemToHide.style.display = 'none';
            itemToShow.style.display = 'block';
        }