var lifeCycleBar = {
	init : function(code){
		var self = this;	
		$.getJSON('/?q=/'+lang+'/data/chart/lifeCycleBar/code/'+code, function(_data) {
			self.drawBar(_data.mainData);
			self.tooltip(_data.hisData);
		});
	},
	drawBar : function(data){
		var container = $('#lifeCycleBarContainer');
		var _html = "";
		
		var _date1 = data.listing.split("-");
		var _date2 = data.lastdate.split("-");
		var _date3 = data.lasttrade.split("-");
		var date1 = new Date(_date1[0], _date1[1] - 1, _date1[2]);
		var date2 = new Date(_date2[0], _date2[1] - 1, _date2[2]);
		var date3 = new Date(_date3[0], _date3[1] - 1, _date3[2]);
		
		//95
		var diff1 = Math.ceil(Math.abs(date2.getTime() - date1.getTime())/ (1000 * 3600 * 24)); 
		var diff2 = Math.ceil(Math.abs(date3.getTime() - date1.getTime())/ (1000 * 3600 * 24)); 
		var percent1 = diff1/diff2*94/100;
		var percent2 = 0.94-percent1;
		
		var lasttradeTop = '';
		if(percent2 <= 0) {
			percent2 = 0;
			lasttradeTop = 'style="top: 36px"';
		}
		
		if(percent2 < 0.06) {
			lasttradeTop = 'style="top: 36px"';
		}
		
		_html += '<div id="lifeBartooltip" style="display:none;position:absolute;z-index:9"></div><div class="upsdate">'+this.labels.tc.listing+'<br/>'+data.listing+'</div><div class="range"><i class="icon-point start"></i>';
		// _html += '<div class="orangebar" style="min-width:30px;width:'+(percent1*100)+'%" ><span class="todaydate">'+this.labels.tc.today+'<br/>'+data.lastdate+'<br/><i class="icon-point orange"></i>';
		_html += '<div class="orangebar" style="min-width:6%;width:'+(percent1*100)+'%" ><span class="todaydate">'+this.labels.tc.today+'<br/>'+data.lastdate+'<br/><i class="icon-point orange"></i>';
		_html += '</span></div><div class="greybar"  style="width:'+(percent2*100)+'%" ><i class="icon-point end"></i></div><div class="darkgreybar"><span class="lasttradedate" '+lasttradeTop+'>'+this.labels.tc.lasttrade+'<br/>'+data.lasttrade+'<br/>';
		_html += '</span></div></div><div class="enddate">'+this.labels.tc.mdate+'<br/>'+data.mdate+'</div><span class="clearfix"></span>';
		
		container.html(_html);
		container.css("position","relative");
	},
	tooltip : function(_data){
		$(".orangebar").mousemove(function(e) {	

			var index = (_data.length) - Math.ceil(((e.offsetX-9) / ($(".orangebar").width()-18))*(_data.length));

			if (e.target != this){
				$("#lifeBartooltip").hide();
				return;
			}	
			$("#lifeBartooltip").show();
			index = Math.min(_data.length-1,index);
			index = Math.max(0,index);	
			
			var _html = "<p>日期: "+_data[index].sdate+"</p>";
			_html += "<p>權證價格: "+_data[index].last+"</p>";
			_html += "<p>標的價格: "+_data[index].ulast+"</p>";
			$("#lifeBartooltip").html(_html);
			$("#lifeBartooltip").css("left",(e.offsetX+80)+"px");
		});
		
		$(".orangebar").hover(
			function() {
				$("#lifeBartooltip").show();
				return false;
			},
			function() {
				$("#lifeBartooltip").hide();
				return false;
			}
		);
		
	}, 
	colors : {line1 : "#007DB7", line2: "#DC6801", bar1 : "#FDCD07", bar2 : "#184ABD", bar3 : "#77C07B"}, 
	labels : {
		tc :{
			listing : "上市日",
			mdate : "到期日",			
			lasttrade : "最後交易日",		
			today : "今日",
			last : "權證價格",
			ulast : "標的價格",
			date : "日期",
		},
		sc :{
		},
		en :{
		},
	},
}