var fileUpload = Class.create();
fileUpload.prototype = {

	initialize : function (container) {
		this.container = container;
	},
	
	add : function () {
		
		var elements = $(this.container).getElementsByTagName('tr');
		
		var row_count = 0;
		
		$A(elements).each(function(element){
			row_count ++ ;
		});
		
		if (row_count == 4) return;
		
		var table = $(this.container);
		
		var row = document.createElement("tr");
				
		var label = document.createElement("td");
        var labelText = document.createTextNode("Bestand:");
        
        label.appendChild(labelText);
        
		var value = document.createElement("td");
		
		var input = document.createElement('input');
			input.type="file";
			input.name="file[]";        
        
        value.appendChild(input);
       
        row.appendChild(label);
        row.appendChild(value);
        
        table.appendChild(row);
	},
	
	remove_row : function () {
		
		var elements = $(this.container).getElementsByTagName('tr');
		
		var row_count = 0;
		
		$A(elements).each(function(element){
			row_count ++ ;
		});
		
		if (row_count == 1) return;		
		
		var table = $(this.container);
		var deleteTR = table.lastChild;
		
		table.removeChild(deleteTR);
	},
	
	remove : function (picture_id)
	{
		var delete_state = $('delete_picture_'+picture_id).value;
		
		if (delete_state == 'true')
		{
			$('delete_picture_link_'+picture_id).innerHTML = '(verwijderen)';
		
			$('delete_picture_'+picture_id).value = 'false';		
			
			new Effect.Highlight('delete_picture_tr_'+picture_id, { startcolor : '#fed4d7', endcolor : '#E4F0FE', restorecolor : '#E4F0FE' });
		} 
		else
		{
			$('delete_picture_link_'+picture_id).innerHTML = '(verwijderen annuleren)';
			
			$('delete_picture_'+picture_id).value = 'true';
			
			new Effect.Highlight('delete_picture_tr_'+picture_id, { startcolor : '#E4F0FE', endcolor : '#fed4d7', restorecolor : '#fed4d7' });
		}
	}

};

function colorSelect(value) {
	$('c1').hide(); $('c2').hide(); $('c3').hide(); $('c4').hide(); $('c5').hide();
	
	for (var x = 1; x <= value; x++)
	{
		$('c'+x).show();
	}
}