A Help with Javascript+coldfusion

Hi I am working on aproject

I have categories and sub categories show dynamically. One of my categories is TEXT which has the id of 1..

I want to show/hide a uploadbox if the category of TEXT is selected. I have two javascript functions which i try to run in one select but it is failing for some reason..

Here is the code:

<cfinvoke component="cfc1" method="subcategories" returnvariable="getDetals"/>
<script language="JavaScript1.2">
function populate(obj) {
var subcats = new Array(
<cfoutput query="getDetals" group="maincategoryName">
<cfoutput>new Array(#currentrow-1#,"#catID#","#subcategory#","#mainID#")<cfif currentrow NEQ recordcount>,</cfif></cfoutput>
</cfoutput>);
obj.subcat.options.length = 0;
obj.subcat[0] = null;
var optc = 0;
for(i=0;i<subcats.length; i++) {
if(subcats [3] == obj.cat_ID.value) {
obj.subcat[optc] = new Option(subcats[2],subcats [1]);
optc++;
} else {
obj.subcat[0] = new Option("- Please select a category -","null");
}
}
}
function handleChange(v) {
if(v==2 || v==3) {
document.getElementById('uploadarea').style.display='';
} else {
document.getElementById('uploadarea').style.display='none';
}
}
</script>

<tr>
<td>Select Category:</td>
<td>
<select name="cat_ID" onchange="populate(this.form); handleChange(this.options[this.selectedIndex].value);">
<option selected="selected">- Select a Category -</option>
<cfoutput query="getDetals" group="maincategoryName">
<option value="#mainID#">#maincategoryName#</option>
</cfoutput>
</select>
</td>
</tr>
<tr>
<td>Select Subcategory:</td>
<td>
<select name="subcat">
<option>- Please select a category -</option>
</select>
</td>
</tr>
<div id="uploadarea" style="display:none">
<tr>
<td>Upload File:</td>
<td><input type="file" name="upload" /> </td>
</tr>
</div>

But due to some cause it is not running as expected...

Don't showing any error. too.

Plz help Me Guys

Cheers

if(v==2 || v==3) is getting value from main select category option value