﻿/**
 * @author TaiNguyen
 */
var sec = new Securities([]);
function Securities(items){
	this.Items = items;
	this.View = 0;
	this.isLoad = true;
	this.isTimeout = 0;
};
Securities.prototype.LoadSecurity = function (objs){
	items = this.ConvertObject(objs)	
	if(this.isLoad){	    
		this.isLoad = false;		
		for(var i=0;i<items.length;i++){
			this.Items.push({key:items[i].s1, v: items[i], status:1});
		}			
		list = this.Items;	
		this.SecurityShow();	
	}
	else{
		for(var i=0;i<items.length;i++){			
			var item = this.getItemByKey(items[i].s1);
			item.v =  items[i];							
		}
		this.SecurityUpdate();
	}	
	this.isTimeout = setTimeout("callLoadSecurity('" + comm.stcID + "');", comm.tSec);	
};
Securities.prototype.SecurityShow = function(){
    var str = new sbuil();
	var strHead = new sbuil();
    strHead.append("<table cellpadding=0 cellspacing=0 class='tb2' frame='box' id='tbContent'><colgroup>");
    strHead.append("<col width='4%'><col width='3%'><col width='3%'><col width='3%'><col width='7.5%'>");
    strHead.append("<col width='4%'><col width='5%'><col width='4%'><col width='5%'><col width='4%'><col width='5%'>");					
	strHead.append("<col width='4%'><col width='4%'><col width='5%'><col width='6.5%'>");				
	strHead.append("<col width='4%'><col width='5%'><col width='4%'><col width='5%'><col width='4%'><col width='5%'>");
	strHead.append("<col width='3%'><col width='3%'></colgroup>");				        			        
    if(this.Items.length>0){	    		
		for(i=0; i<this.Items.length; i++){		
		    var kt = false;	
		    if (secArr2.length > 0){
		        for(j=0 ; j<secArr2.length; j++){
			        if (this.Items[i].v.s1 == secArr2[j].substring(3,secArr2[j].length)){	
			            if(j%2 ==0)
			               strHead.append("<tr id='tr_" + this.Items[i].v.s1 + "' onmouseover='Row_Over(this)' onmouseout=\"Row_Out('tr1', this)\" class ='tr1'>");			
			else
			    strHead.append("<tr id='tr_" + this.Items[i].v.s1 + "' onmouseover='Row_Over(this)' onmouseout=\"Row_Out('tr2', this)\" class ='tr2'>");
		      strHead.append("<td class='" + this.ColorMatch(this.Items[i].v.s18) + "4' onmouseover=\"PopupName(this,300)\" onmouseout=\"hideddrivetip()\" ondblclick='LoadLocationSymbol(\""+ this.Items[i].v.s1+ "\")'>" + this.Items[i].v.s1 + "</td>");						
			strHead.append("<td class='u2'>" + this.Items[i].v.s3 + "</td>");
			strHead.append("<td class='d2'>" + this.Items[i].v.s4 + "</td>");
			strHead.append("<td class='s2'>" + this.Items[i].v.s2 + "</td>");
			strHead.append("<td class='t3'>" + this.Items[i].v.s5 + "</td>");			
			strHead.append("<td class='" + this.Items[i].v.s8 + "2'>" + this.Items[i].v.s6 + "</td>");
			strHead.append("<td class='" + this.Items[i].v.s8 + "2'>" + this.Items[i].v.s7 + "</td>");
			strHead.append("<td class='" + this.Items[i].v.s11 + "2'>" + this.Items[i].v.s9 + "</td>");
			strHead.append("<td class='" + this.Items[i].v.s11 + "2'>" + this.Items[i].v.s10 + "</td>");
			strHead.append("<td class='" + this.Items[i].v.s14 + "2'>" + this.Items[i].v.s12 + "</td>");
			strHead.append("<td class='" + this.Items[i].v.s14 + "3'>" + this.Items[i].v.s13 + "</td>");			
			strHead.append("<td class='" + this.ColorMatch(this.Items[i].v.s18) + "6'>" + this.Items[i].v.s15 + "</td>");
			strHead.append("<td class='" + this.ColorMatch(this.Items[i].v.s18) + "6'>" + this.getSymbol(this.Items[i].v.s18) + this.Items[i].v.s17 + "</td>");
			strHead.append("<td class='" + this.ColorMatch(this.Items[i].v.s18) + "6'>" + this.Items[i].v.s16 + "</td>");
			strHead.append("<td class='" + this.ColorMatch(this.Items[i].v.s18) + "5'>" + this.Items[i].v.s19 + "</td>");			
			strHead.append("<td class='" + this.Items[i].v.s22 + "2'>" + this.Items[i].v.s20 + "</td>");
			strHead.append("<td class='" + this.Items[i].v.s22 + "2'>" + this.Items[i].v.s21 + "</td>");
			strHead.append("<td class='" + this.Items[i].v.s25 + "2'>" + this.Items[i].v.s23 + "</td>");
			strHead.append("<td class='" + this.Items[i].v.s25 + "2'>" + this.Items[i].v.s24 + "</td>");
			strHead.append("<td class='" + this.Items[i].v.s28 + "2'>" + this.Items[i].v.s26 + "</td>");
			strHead.append("<td class='" + this.Items[i].v.s28 + "3'>" + this.Items[i].v.s27 + "</td>");			
			strHead.append("<td class='" + this.ColorMatch(this.Items[i].v.s32) + "2'>" + this.Items[i].v.s31 + "</td>");
			strHead.append("<td class='" + this.ColorMatch(this.Items[i].v.s34) + "3'>" + this.Items[i].v.s33 + "</td>");
			strHead.append("</tr>");
                        	if(j == secArr2.length-1){					        
					        strHead.append("<tr><td colspan='23'><div class='tds4'>&nbsp;</div></td></tr>");							    
				        }				            	            			            
			            kt = true;
					    break;
			        }
			    }
		    }
		    if(!kt){
			    if(i%2 ==0)
			    str.append("<tr id='tr_" + this.Items[i].v.s1 + "' onmouseover='Row_Over(this)' onmouseout=\"Row_Out('tr1', this)\" class ='tr1'>");			
			else
			    str.append("<tr id='tr_" + this.Items[i].v.s1 + "' onmouseover='Row_Over(this)' onmouseout=\"Row_Out('tr2', this)\" class ='tr2'>");
		      str.append("<td class='" + this.ColorMatch(this.Items[i].v.s18) + "4' onmouseover=\"PopupName(this,300)\" onmouseout=\"hideddrivetip()\" ondblclick='LoadLocationSymbol(\""+ this.Items[i].v.s1+ "\")'>" + this.Items[i].v.s1 + "</td>");						
			str.append("<td class='u2'>" + this.Items[i].v.s3 + "</td>");
			str.append("<td class='d2'>" + this.Items[i].v.s4 + "</td>");
			str.append("<td class='s2'>" + this.Items[i].v.s2 + "</td>");
			str.append("<td class='t3'>" + this.Items[i].v.s5 + "</td>");			
			str.append("<td class='" + this.Items[i].v.s8 + "2'>" + this.Items[i].v.s6 + "</td>");
			str.append("<td class='" + this.Items[i].v.s8 + "2'>" + this.Items[i].v.s7 + "</td>");
			str.append("<td class='" + this.Items[i].v.s11 + "2'>" + this.Items[i].v.s9 + "</td>");
			str.append("<td class='" + this.Items[i].v.s11 + "2'>" + this.Items[i].v.s10 + "</td>");
			str.append("<td class='" + this.Items[i].v.s14 + "2'>" + this.Items[i].v.s12 + "</td>");
			str.append("<td class='" + this.Items[i].v.s14 + "3'>" + this.Items[i].v.s13 + "</td>");			
			str.append("<td class='" + this.ColorMatch(this.Items[i].v.s18) + "6'>" + this.Items[i].v.s15 + "</td>");
			str.append("<td class='" + this.ColorMatch(this.Items[i].v.s18) + "6'>" + this.getSymbol(this.Items[i].v.s18) + this.Items[i].v.s17 + "</td>");
			str.append("<td class='" + this.ColorMatch(this.Items[i].v.s18) + "6'>" + this.Items[i].v.s16 + "</td>");
			str.append("<td class='" + this.ColorMatch(this.Items[i].v.s18) + "5'>" + this.Items[i].v.s19 + "</td>");			
			str.append("<td class='" + this.Items[i].v.s22 + "2'>" + this.Items[i].v.s20 + "</td>");
			str.append("<td class='" + this.Items[i].v.s22 + "2'>" + this.Items[i].v.s21 + "</td>");
			str.append("<td class='" + this.Items[i].v.s25 + "2'>" + this.Items[i].v.s23 + "</td>");
			str.append("<td class='" + this.Items[i].v.s25 + "2'>" + this.Items[i].v.s24 + "</td>");
			str.append("<td class='" + this.Items[i].v.s28 + "2'>" + this.Items[i].v.s26 + "</td>");
			str.append("<td class='" + this.Items[i].v.s28 + "3'>" + this.Items[i].v.s27 + "</td>");			
			str.append("<td class='" + this.ColorMatch(this.Items[i].v.s32) + "2'>" + this.Items[i].v.s31 + "</td>");
			str.append("<td class='" + this.ColorMatch(this.Items[i].v.s34) + "3'>" + this.Items[i].v.s33 + "</td>");
			str.append("</tr>");
		    }
		}			
	}		
	str.append("</table>");
	$('dvContent').innerHTML = strHead.toString() + str.toString();	
};
Securities.prototype.SecurityUpdate = function(){
	var t = comm.rain;
	var s ='8BACBA';	
	if (this.Items.length > 0) {
		for (var i = 0; i < this.Items.length; i++) {
			var tr = $('tr_'+ this.Items[i].v.s1);
			var td = tr.getElementsByTagName('td');
			td[0].className = this.ColorMatch(this.Items[i].v.s18) + "4";
			if(td[4].innerHTML != this.Items[i].v.s5){
				td[4].innerHTML = this.Items[i].v.s5;
				rain = new Rainbow(td[4],s, t);	
			}
			if(CompareTd(td[5].innerHTML, this.Items[i].v.s6)){	
				td[5].innerHTML = this.Items[i].v.s6;				
				rain = new Rainbow(td[5],s, t);
			}
			if(CompareTd(td[6].innerHTML, this.Items[i].v.s7)){
				td[6].innerHTML = this.Items[i].v.s7;
				rain = new Rainbow(td[6],s, t);
			}
			td[5].className = td[6].className = this.Items[i].v.s8 + "2";
			if(CompareTd(td[7].innerHTML,this.Items[i].v.s9)){
				td[7].innerHTML = this.Items[i].v.s9;				
				rain = new Rainbow(td[7],s, t);
			}
			if(td[8].innerHTML != this.Items[i].v.s10){				
				td[8].innerHTML = this.Items[i].v.s10;
				rain = new Rainbow(td[8],s , t);
			}
			td[7].className = td[8].className = this.Items[i].v.s11 + "2";
			if(CompareTd(td[9].innerHTML,this.Items[i].v.s12)){
				td[9].innerHTML = this.Items[i].v.s12;				
				rain = new Rainbow(td[9],s, t);
			}
			if(td[10].innerHTML != this.Items[i].v.s13){				
				td[10].innerHTML = this.Items[i].v.s13;				
				rain = new Rainbow(td[10],s , t);
			}	
			td[9].className = this.Items[i].v.s14 + "2";	
			td[10].className = this.Items[i].v.s14 + "3";		
			if(td[11].innerHTML != this.Items[i].v.s15){				
				td[11].innerHTML = this.Items[i].v.s15;				
				td[11].className = td[13].className = this.ColorMatch(this.Items[i].v.s18) + "6";
				rain = new Rainbow(td[11],s , t);
				td[12].className = this.ColorMatch(this.Items[i].v.s18) + "6";
				td[12].innerHTML = this.getSymbol(this.Items[i].v.s18) + this.Items[i].v.s17;
				rain = new Rainbow(td[12],s , t);
			}
			if(td[13].innerHTML != this.Items[i].v.s16){				
				td[13].innerHTML = this.Items[i].v.s16;
				rain = new Rainbow(td[13],s , t);
			}
			if(td[14].innerHTML != this.Items[i].v.s19){				
				td[14].innerHTML = this.Items[i].v.s19;
				td[14].className = this.ColorMatch(this.Items[i].v.s18) + "5";
				rain = new Rainbow(td[14],s , t);
			}
			if(td[15].innerHTML != this.Items[i].v.s20){				
				td[15].innerHTML = this.Items[i].v.s20;			
				rain = new Rainbow(td[15],s , t);
			}
			if(td[16].innerHTML != this.Items[i].v.s21){				
				td[16].innerHTML = this.Items[i].v.s21;				
				rain = new Rainbow(td[16],s , t);
			}
			td[15].className = td[16].className = this.Items[i].v.s22 + "2";
			if(td[17].innerHTML != this.Items[i].v.s23){				
				td[17].innerHTML = this.Items[i].v.s23;			
				rain = new Rainbow(td[17],s , t);
			}
			if(td[18].innerHTML != this.Items[i].v.s24){				
				td[18].innerHTML = this.Items[i].v.s24;				
				rain = new Rainbow(td[18],s , t);
			}
			td[17].className = td[18].className = this.Items[i].v.s25 + "2";
			if(td[19].innerHTML != this.Items[i].v.s26){				
				td[19].innerHTML = this.Items[i].v.s26;			
				rain = new Rainbow(td[19],s , t);
			}
			td[19].className = this.Items[i].v.s28 + "2";
			if(td[20].innerHTML != this.Items[i].v.s27){				
				td[20].innerHTML = this.Items[i].v.s27;							
				rain = new Rainbow(td[20],s , t);
			}
			td[20].className = this.Items[i].v.s28 + "3";
			if(td[21].innerHTML != this.Items[i].v.s31){				
				td[21].innerHTML = this.Items[i].v.s31;	
				td[21].className = this.ColorMatch(this.Items[i].v.s32) + "2";			
				rain = new Rainbow(td[21],s , t);
			}
			if(td[22].innerHTML != this.Items[i].v.s33){				
				td[22].innerHTML = this.Items[i].v.s33;	
				td[22].className = this.ColorMatch(this.Items[i].v.s34) + "3";			
				rain = new Rainbow(td[22],s , t);
			}
		}
		
	}
};
Securities.prototype.getItemByKey = function(strKey){
	for(var i = 0; i<this.Items.length; i++){	
		if(this.Items[i].key == strKey){				
			return this.Items[i];						
		}
	}	
};
Securities.prototype.ConvertObject = function(objs){
	var objJson = objs;
	var obj = [];
	for(var i=0; i<objJson.length; i++){
		var item = {};
		for(var j=0; j<objJson[i].length; j++){
			item["s"+(j+ 1)] = objJson[i][j];
		}
		obj.push(item);
	}
	return obj;
};
Securities.prototype.ColorMatch = function(c){
    var t = 's';
    if(c=='c')
        t = 'u';
    else if(c=='f')
        t = 'd';
    else
        t = c;
    return t;
};
Securities.prototype.getSymbol = function(st){
	var sr="";
	if(st=='c')
		sr=" CE▲";
    else if(st=='u')
        sr=" ▲";
	else if(st=='f')
		sr=" FL▼";
    else if(st=='d')
		sr=" ▼";
	else
		sr=" ";
	return sr;
};
Securities.prototype.CompareColor = function(a,b,c,d){
	if(a>b)
		return 'u';	
	else if(a<b)
		return 'd';
	else
		return 's';	
};
function Loadlanguage(num){
	$('mnHose').innerHTML =lags.HoseOn;
	$('mnHastc').innerHTML =lags.HastcOn;
	$('mnOtc').innerHTML =lags.Otc;
	$('mnPutt').innerHTML=lags.Putt;
	$('dvOp').innerHTML = lags.Option;
	$('spScroll').innerHTML = 'Auto Scroll';
	$('tdCompany').innerHTML = lags.Title1;
	$('tdTiltehead').innerHTML = lags.Title2;
	$('tdTang').innerHTML = lags.Tang;
	$('tdtchange2').innerHTML = '% ' + lags.Change;
	$('tdtchange1').innerHTML = lags.Change;
	$('tdSoGD').innerHTML =lags.SesTrade;
	$('tdKLGDs').innerHTML = lags.KLGD1;
	$('tdGTGDs').innerHTML = lags.GTGD1;
	$('lblCur').innerHTML = lags.Cur + 'VND';
	$('tdSOGDs').innerHTML =lags.Trade;
	$('tdTTGD').innerHTML = lags.Status;
	$('tdNgay').innerHTML = lags.Date;
	$('lblPriu').innerHTML =lags.PriUnit;
	$('lblPriv').innerHTML = lags.VolUnit + '1' + lags.Unit;
	$('dvCopy').innerHTML = lags.Copy;
	$('dvAddr').innerHTML = lags.Addr;
	$('dvContact').innerHTML = lags.Contact;
	$('dvHeadSymbol').innerHTML = lags.Select;
	$('tdAVGs').innerHTML =lags.AVGPrice;
	$('tdOpens').innerHTML =lags.OpenPrice;
	$('tdHighs').innerHTML =lags.HighPrice;
	$('tdLows').innerHTML =lags.LowPrice;
	$('tdroomlatest').innerHTML =lags.RoomLatest;
	$('tdPri03').innerHTML = lags.Gia + '3';
	$('tdKL03').innerHTML = lags.KL + '3';
	$('tdPri02').innerHTML = lags.Gia + '2';
	$('tdKL02').innerHTML = lags.KL + '2';
	$('tdPri01').innerHTML = lags.Gia + '1';
	$('tdKL01').innerHTML = lags.KL + '1';
	$('tdPri04').innerHTML = lags.Gia + '1';
	$('tdKL04').innerHTML = lags.KL + '1';
	$('tdPri05').innerHTML = lags.Gia + '2';
	$('tdKL05').innerHTML = lags.KL + '2';
	$('tdPri06').innerHTML = lags.Gia + '3';
	$('tdKL06').innerHTML = lags.KL + '3';
	$('tdSymb00').innerHTML = lags.Ma;
	$('tdCeil00').innerHTML = lags.Tran;
	$('tdFloo00').innerHTML = lags.San;
	$('tdRefs00').innerHTML = lags.TC;
	$('tdNNMu00').innerHTML = lags.Room;
	$('tdOrBu00').innerHTML = lags.Mua;
	$('tdMaBu00').innerHTML = lags.Match;
	$('tdSeBu00').innerHTML = lags.Ban;
	$('tdHist00').innerHTML = lags.His;
	$('tdChange').innerHTML = ' +/- ';
	$('tdPriMatc').innerHTML = lags.Gia;
	$('tdChange1').innerHTML = lags.KL;
	$('tdTongKL1').innerHTML = lags.TotalVol;	
	$('tdHe02').innerHTML = lags.High;
	$('tdLo02').innerHTML = lags.Low;	
};
