// JavaScript Document
var previous_selected = 0;

var cat = [];
cat[34] = [];
cat[34]["35"] = 'Crew - Camera/Editor';
cat[34]["36"] = 'Crew - Producer/Director';
cat[34]["16"] = 'Crew - Assistant/Entry Level';
cat[34]["34"] = 'Crew - Lighting/Sound';
cat[34]["39"] = 'Crew - Writing/Script/Edit';
cat[34]["25"] = 'Crew - Marketing/PR';
cat[34]["37"] = 'Crew - Make Up/Stylist';
cat[34]["40"] = 'Crew - Showbiz Internship';
cat[34]["38"] = 'Crew - Other';

cat[28] = [];
cat[28]["31"] = 'Music - Keyboards';
cat[28]["30"] = 'Music - Horns';
cat[28]["28"] = 'Music - Vocals';
cat[28]["29"] = 'Music - Strings';
cat[28]["32"] = 'Music - Drums';
cat[28]["44"] = 'Music - Band';
cat[28]["45"] = 'Music - DJ/Sound';
cat[28]["46"] = 'Music - Teacher';
cat[28]["33"] = 'Music - Other';

function handleSelect (  )
{
	var select_box = document.getElementsByName("cat")[0];
	if ( select_box.selectedIndex )
	{
		var i = select_box.options[select_box.selectedIndex].value;
		checkboxesAdd ( i );
	}
}

function removeCheckboxes ( parent_table )
{
	var size = parent_table.childNodes.length;
	
	for (var i=(size-1);i>=0;i-- )
	{
		parent_table.removeChild(parent_table.childNodes[i]);
	}
}

function checkboxesAdd ( selected_cat )
{
	var table_checkbox = document.getElementById ("checkbox" );
	var table_body;
	var row;
	var cell;
	var i;
	var j=0;
	var is_checked =' checked';
	
	if ( previous_selected != selected_cat )
	{
		//removes previous nodes
		if ( previous_selected!=0)
		{
			removeCheckboxes ( table_checkbox );
		}
		
		if ( cat[selected_cat] )
		{
			for (i in cat[selected_cat])
			{
				if(typeof(cat[selected_cat][i]) != 'function')
				{
					 is_checked =' checked';
					if ( j%3 == 0 )
					{
						if ( j!=0)
						{	
							table_checkbox.appendChild (row ); 
						}
						row = document.createElement("div");
						row.id ="checkboxtr";
					}
					cell = document.createElement("div");
					cell.id ="checkboxtd";
					
					if ( default_checked == selected_cat )
					{
						if ( (!cat)||(!cat[i]) )
						{
							is_checked = '';
						}
					}
					cell.innerHTML = '<input type="checkbox" name="c[]" value="'+i+'"'+is_checked+'> '+cat[selected_cat][i];
					row.appendChild (cell);
					j++;
				}
			}
			
			if ( j%3 == 0)
			{	
				table_checkbox.appendChild (row ); 
			}
		}
		previous_selected = selected_cat;
	}
}

window.onload = function () {
	cat_box = document.getElementsByName("cat")[0];
	cat_box.onchange =  handleSelect;
	
	if ( default_checked )
	{
		checkboxesAdd ( default_checked );
	}
	
	
};

changeCSS ();

function changeCSS ()
{
	
	var font_change='';
	var pattern = /verdana/i;
	var table_checkbox = document.getElementById ("checkbox" );
	//firefox
	if (document.styleSheets[0].insertRule)
	{
		if ( pattern.test(document.defaultView.getComputedStyle(table_checkbox, "").getPropertyValue('font-family') ))
		{
			font_change='font-size: 10px;';
		}
		
		document.styleSheets[0].insertRule("#checkbox { text-align: left; margin: 3px 0px; padding: 0px;"+font_change+"}",0);
		document.styleSheets[0].insertRule("#checkboxtr { margin: 0px; padding: 0px; width: 585px; float: left;}",1); 
		document.styleSheets[0].insertRule("#checkboxtr div { display: inline;}",1); 
		document.styleSheets[0].insertRule("#checkboxtd { margin: 0px; padding: 2px; width: 190px; float: left;}",1); 
	}else
	{
	//IE

			if ( pattern.test(table_checkbox.currentStyle.fontFamily) )
			{
				font_change=';font-size: 10px;';
			}
		
		if ( document.styleSheets[0].addRule )
		{
			document.styleSheets[0].addRule("#checkbox", "text-align: left; margin: 3px 0px; padding: 0px"+font_change+"");
			document.styleSheets[0].addRule("#checkboxtr", "margin: 0px; padding: 0px; width: 585px; float: left");
			document.styleSheets[0].addRule("#checkboxtr div", "display: inline");
			document.styleSheets[0].addRule("#checkboxtd", "margin: 0px; padding: 2px; width: 190px; float: left");
		}
	}
};