var LP_Chart = function (machine, jChart) {
	this.machine = machine;
	
	var start 	= jChart.find('td.LP_data_start').html();
	this.start 	= (start.empty())?LandingPage.scaleStart:start;
	
	var end 	= jChart.find('td.LP_data_end').html();
	this.end 	= end;
	
	var ipm 	= jChart.find('td.LP_data_ipm').html();
	this.ipm 	= (ipm.empty())?0:ipm;
	
	var flag 	= jChart.find('td.LP_data_flag').html();
	this.flag 	= flag;
};

LP_Chart.flagYellow = 'yellow';

LP_Chart.prototype.getOutput = function () {
	var startChart = Math.floor(((this.start - LandingPage.scaleStart) * LandingPage.widthMaxChart) / (LandingPage.scaleEnd - LandingPage.scaleStart));
	var widthChart = Math.floor((Math.max((this.end - this.start), 0) * LandingPage.widthMaxChart) / (LandingPage.scaleEnd - LandingPage.scaleStart));
	
	/**
	 * FLAGGED CHART
	 */
	var chartImage = '';
	switch (this.flag) {
		case LP_Chart.flagYellow:
			chartImage = 'image/chart_yellow.gif';
			break;
			
		default:
			chartImage = ((LandingPage.machineNumber % 2) == 0)?'image/chart_light.jpg':'image/chart_dark.jpg';
			break;
	}
	LandingPage.machineNumber++;
	
	/**
	 * COMMENT ALIGN
	 */
	var commentAlign = (this.machine.commentAlign == 'right')?'LP_comment_align_right':'LP_comment_align_left';
	
	/**
	 * IPM
	 */
	var ipm = '';
	if (this.ipm != 0) {
		var ipmValue = Math.floor(((this.ipm - this.end) * LandingPage.widthMaxChart) / (LandingPage.scaleEnd - LandingPage.scaleStart));
		ipm = '<div class="LP_ipm" style="width:'+ipmValue+'px;">IPM</div>';
	}
	
	var data = {
		widthChart: 	widthChart,
		startChart: 	startChart,
		chartImage: 	chartImage,
		comment: 		this.machine.comment,
		commentAlign: 	commentAlign,
		ipm: 			ipm
	};
	
	var tpl = new Template(PL_Chart_Template);
	
	return tpl.evaluate(data);
};

var PL_Chart_Template 	 = '<div title="{[widthChart]}" style="width:{[widthChart]}px; left:{[startChart]}px; background-image:url({[chartImage]}); background-position:-{[startChart]}px 0; position:relative; float:left;">&nbsp;</div>{[ipm]}<div class="LP_comment {[commentAlign]}">{[comment]}</div>'+newline;