var lifeCycleBar={init:function(code,type){var self=this;self.wtype=type;if(code!=""){$.getJSON('/'+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[2],_date1[1]-1,_date1[0]);var date2=new Date(_date2[2],_date2[1]-1,_date2[0]);var date3=new Date(_date3[2],_date3[1]-1,_date3[0]);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*95/100;var percent2=0.95-percent1;_html+='<div id="lifeBartooltip" style="display:none;position:absolute;z-index:9"></div><div class="upsdate">'+this.labels[lang].listing+'<br/>'+data.listing+'</div><div class="range"><i class="icon-point start"></i>';_html+='<div class="orangebar" style="width:'+(percent1*100)+'%" ><span class="todaydate">'+this.labels[lang].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">'+this.labels[lang].lasttrade+'<br/>'+data.lasttrade+'<br/>';_html+='</span></div></div><div class="enddate">'+this.labels[lang].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>"+lifeCycleBar.labels[lang].date+": "+_data[index].sdate+"</p>";_html+="<p>"+lifeCycleBar.labels[lang][lifeCycleBar.wtype].typetext+lifeCycleBar.labels[lang].last+": "+_data[index].last+"</p>";_html+="<p>"+lifeCycleBar.labels[lang].ulast+": "+_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:{warrant:{typetext:"認股證",},cbbc:{typetext:"牛熊證",},listing:"上市日",mdate:"到期日",lasttrade:"最後交易日",today:"今日",last:""+"價格",ulast:"相關資產價格",date:"日期",},sc:{warrant:{typetext:"认股证",},cbbc:{typetext:"牛熊证",},listing:"上市日",mdate:"到期日",lasttrade:"最後交易日",today:"今日",last:""+"价格",ulast:"相关资产价格",date:"日期",},en:{warrant:{typetext:"Warrants",},cbbc:{typetext:"CBBC",},listing:"Listing Date",mdate:"Maturity Date",lasttrade:"Last Trading Date",today:"Today",last:""+"Price",ulast:"Underlying Price",date:"Date",},},}