jQuery.noConflict();
jQuery(function($) {
	csvdata = order = new Array();
	option = '';
	$('.comparison_table').hide();
	$.get('/file.jsp?id=7501', function(data) {
		csvdata = jQuery.csv()(data);
		for(var i=0; i<csvdata.length; i++) {
			if(csvdata[i][2]){
				option += '<option value="'+csvdata[i][0]+'">'+csvdata[i][2]+'</option>';
				order[csvdata[i][0]] = i;
			}
		}
		$('#comparison_areaR ul li:nth-child(1)').html('<select id="prd1" name="prd1"><option value="">Products 1</option>'+option+'</select>');
		$('#comparison_areaR ul li:nth-child(2)').html('<select id="prd2" name="prd2"><option value="">Products 2</option>'+option+'</select>');
		$('#comparison_areaR ul li:nth-child(3)').html('<select id="prd3" name="prd3"><option value="">Products 3</option>'+option+'</select>');

		if($.query.get('prd1').length){ $('#prd1').val($.query.get('prd1')); }
		if($.query.get('prd2').length){ $('#prd2').val($.query.get('prd2')); }
		if($.query.get('prd3').length){ $('#prd3').val($.query.get('prd3')); }

		if($.query.get('prd1') || $.query.get('prd2') || $.query.get('prd3')){
			if(!$('#prd1').val() && !$('#prd2').val() && !$('#prd3').val()){
				alert('There are no data.');
			}
			else{
				tr = $('.comparison_table tr');
				for(var i=0; i<tr.length; i++) {
					if($('#prd1').val()){ $(tr).eq(i).find('td').eq(0).html(csvdata[order[$('#prd1').val()]][i + 3].replace(/""/g,'"')); }else{ $(tr).eq(i).find('td').eq(0).html('-'); }
					if($('#prd2').val()){ $(tr).eq(i).find('td').eq(1).html(csvdata[order[$('#prd2').val()]][i + 3].replace(/""/g,'"')); }else{ $(tr).eq(i).find('td').eq(1).html('-'); }
					if($('#prd3').val()){ $(tr).eq(i).find('td').eq(2).html(csvdata[order[$('#prd3').val()]][i + 3].replace(/""/g,'"')); }else{ $(tr).eq(i).find('td').eq(2).html('-'); }
				}
				$('.comparison_table').show();
			}
		}
	});
});