var variable_cols_index = new Array();
variable_cols_index.push(10);

function display_result_grades(type) {
	
	clear_result_area();
	
	var get_string = new String();
	
	if (type == 'attributes') {
		get_string = set_search_vars();

		if (get_string.length == 0) {
			$('#error_search_params').trigger("click");
			return false;
		}
		
		search_string = set_search_vars();
	}
	else if (type == 'item_number') {
		if ($('#item_number').val() == '') {
			$('#error_item_number').trigger("click");
			return false;
		}
		search_string = '&item='+$('#item_number').val();
	}
	else {
		if ($('#digital_printing_title').html() == 'Choose a digital printing equipment') {
			$('#error_digital_printing').trigger("click");
			return false;
		}
		else {
			search_string = '&digital_printing='+$('#digital_printing_title').html();
		}
	}
	
	$('#cluetip').hide();
	
	show_loading_animation(true);
	
	$('#rows').fadeOut("slow", function() {
		
		$('#rows').empty();

		$.getJSON("ajax-result-grades.php?"+search_string, function(data) {
		
			//no matches
			if (data == 0) {
				if (type == 'attributes') {
					$('#no_results').trigger("click");
				}
				else if (type == 'item_number') {
					$('#error_item_number_results').trigger("click");
				}
				show_loading_animation(false);
				return false;
			}

			$('#results_title').html('<img src="images/headline_yourResults.gif">');

			var i = 0;
			var cols = new Array();
			var chips = new Array();
			
			for(var key in data) {
				
				i++;
				var html = new String();
				
				html += '<div id="row'+i+'" class="row">';
				html += '<div id="row'+i+'_title" class="row_title">';
				
				html += '<img id="mult'+i+'" src="images/uncheck.gif" onClick="add_sample_items(\'#mult'+i+'\', \''+data[key].toString()+'\');" style="display: none;">';

				html += '<span id="row'+i+'_span" onClick="display_result_grade_items(\'#row'+i+'_title\', \'#row'+i+'_data\', \''+data[key].toString()+'\', '+i+');">'+key+'</span></div>';
				
				if (i == 1) {
					first_items = data[key].toString();
				}
				
				html += '<div id="row'+i+'_data" class="row_data">';
				
				html += '</div></div>';
				$('#rows').append(html);
				
			}
			
			
			$('#results').css('width', '1280px');
		
			$('#rows').fadeIn("slow", function() { 
				show_loading_animation(false);
				if (i == 1) {
					display_result_grade_items('#row1_title', '#row1_data', first_items, 1);
				}
			});
		
		});
		
	});

}



function display_result_grade_items(title, row_data, items, row_num) {
	
	if ($(row_data).is(":hidden")) {
	
		if ($(row_data).children().length == 0) {
		
			show_loading_animation(true);
		
			$.post("ajax-result-grade-items.php", 'items=' + items, function(data) {

			//$.getJSON("ajax-result-grade-items.php?items=6477,6478,6479,6510,6511,6512", function(data) {
				
				var cols = new Array();
				var html = new String();
				
				cols = data[0];
				
				html += '<table cellspacing="0" cellpadding="0" border="0" id="table'+row_num+'">';
				html += '<thead>';
				html += '<tr>';
				html += '<th width="16" class="fc">&nbsp;</td>';
				
				var c = 0;
				
				for(var num in cols) {
					html += (num == cols.length-1) ? '<th class="lc" id="th_'+c+'">'+cols[num]+'</td>' : '<th class="th_'+c+'">'+cols[num]+'</td>';
					c++;
				}
				
				html += '</tr>';
				html += '</thead> ';
				html += '<tbody>';
						
				for(var key in data) {
					if (key == 0) {
						continue;
					}
					else {

						var chip_image = new String();
						
						chip_image = data[key][data[key].length-1];
							
						html += '<tr class="r" id="">';
							
						html += '<td class="fc">';
						html += '<img id="id_'+key+'" src="images/uncheck.gif" onClick="add_sample_item(\'#id_'+key+'\', \''+key+'\');">';
						html += '</td>';

						for(var index in data[key]) {
							
							if (index == data[key].length-2) { //last column
								if (jQuery.inArray(index, variable_cols_index) != -1) {
									html += '<td class="lc">'+((data[key][index] == 1) ? 'Yes' : 'No')+'</td>';
								}
								else {
									html += '<td class="lc">'+data[key][index]+'</td>';
								}
							}
							else {
								if (index < data[key].length-1) {
									if (index == 3 && chip_image.length > 0) { //chip image
										html += '<td class="td_'+index+'"><a id="c_'+key+'" rel="ajax-chips.php?chip='+escape(chip_image)+'"><img class="chip" height="14" width="14" src="'+' '+chip_image+'"></a> '+data[key][index]+'</td>';
										chips.push(key);
									}
									else {
										html += '<td class="td_'+index+'">';
										if (jQuery.inArray(index, variable_cols_index) != -1) {
											html += (data[key][index] == 1) ? 'Yes' : 'No';
										}
										else {
											html += data[key][index];
										}
										html += '</td>';
									}
								}
							}							
						}
						
						html += '</tr>';
						
					}
				}
				
				html += '</tbody>';
				
				html += '</table>';
						
				$(row_data).append(html);
				
				
				$("#table"+row_num+" tr.r").hover(
					function () { 
						$(this).css("color", "#000000");
					}, 
					function() { 
						$(this).css("color", "#666666");
				});
				
				$("#table"+row_num).tablesorter(); 
			
				if (chips.length > 0) {
					for(var chip in chips) {
						$('#c_'+chips[chip]).cluetip({
							showTitle: false,
							cluetipClass: 'chip',
							width: 99,
							waitImage: false, 
							ajaxCache: true,
							dropShadow: false,
							dropShadowSteps: 0,
							positionBy: 'mouse',
							leftOffset: 10,
							activation: 'hover'
							
						});
					}
				}				
				
				($.browser.safari) ? $(row_data).css("display", "inline") : $(row_data).slideDown("fast");

				show_loading_animation(false);
				
				$("#mult"+row_num).show();
				
			}, 'json');

		}
		else {
		
			($.browser.safari) ? $(row_data).css("display", "inline") : $(row_data).slideDown("fast");
			
			$("#mult"+row_num).show();
			
		}
	}
	else {
		$(row_data).slideUp("fast");
		
		$("#mult"+row_num).hide();
	}
}