var aStyles = new Array("default","vssd-xuan","vssd-ha","vssd-thu","vssd-dong");
var tempStyle;
var aColors;
var redColor, greenColor, redColor2, greenColor2,downColor2,upColor2,refColor2,ceColor2,flColor2,refColorvn,upColorvn,downColorvn;

var volColor = "#FFFFFF";   //-Mau cot khoi luong
var atColor = "#FFFF00";    //-Mau cua ATC, ATO
var stockColor ="#FFFFFF";  //-Mau ma chung khoan
var bgColor = "#000000";    //-Mau nen
var ceColor = "#0FF9F9";    //-Mau gia tran
var flColor = "#FF00FF";    //-Mau gia san
var refColor = "#FFFF00";   //-Mau gia tham chieu
var downColor = "red";      //-Mau gia di xuong
var upColor = "#00FF00";    //-Mau gia di len

function buildColors()
{	aColors = new Array(5);
	aColors[0] = new Array("#f8b87a","lightgreen","red","#00FF00","#FFFF00","#0FF9F9","#FF00FF","#f8b87a","lightgreen","red","blue","black","blue","red","black","green","red");
	aColors[1] = new Array("#f8b87a","lightgreen","red","blue","#FFFF00","blue","red","#f8b87a","lightgreen","red","blue","black","blue","red","black","green","red");
	aColors[2] = new Array("#f8b87a","lightgreen","red","blue","black","blue","red","#f8b87a","lightgreen","red","blue","black","blue","red","black","green","red");
	aColors[3] = new Array("#f8b87a","lightgreen","red","#00FF00","#FFFF00","#FF00FF","#0FF9F9","#f8b87a","lightgreen","red","#00FF00","#FFFF00","#FF00FF","#0FF9F9","black","green","red");
	aColors[4] = new Array("#f8b87a","lightgreen","red","#00FF00","#FFFF00","#FF00FF","#0FF9F9","#f8b87a","lightgreen","red","#00FF00","#FFFF00","#FF00FF","#0FF9F9","#FFFF00","#00FF00","red");
	var s = getCookie("mysheet");
	if (s == null) s = 0;
	redColor = aColors[s][0];
	greenColor = aColors[s][1];			
	redColor2 = aColors[s][7];
	greenColor2 = aColors[s][8];
	downColor2 = aColors[s][9];
	upColor2 = aColors[s][10];
	refColor2 = aColors[s][11];
	ceColor2 = aColors[s][12];
	flColor2 = aColors[s][13];
	refColorvn = aColors[s][14];
	upColorvn = aColors[s][15];
	downColorvn = aColors[s][16];
	if (document.getElementById && s!=null)
		setStylesheet(aStyles[s]);
}

buildColors();

function chooseStyleImage(styletitle) {
	tempStyle = styletitle;
	if (document.getElementById){
		var o = document.getElementById('styleimage');
		o.setAttribute("src", './images/'+aStyles[styletitle]+'.jpg');
	}
}

function changeRowStyle(row, c) {
	if (exIE) return;
	var i = 0;
	var str = "";
	while (row.childNodes[i]) {
		row.childNodes[i].className = row.childNodes[i].className.substring(0, row.childNodes[i].className.length-1) + c;
		i = i + 1;
	}
}

function showControl(divid) {
	var o = document.getElementById(divid);
	var a = new Array(1);
	var s = "";
	alltickers = false;
	var strcheck = getCookie(board);
	if (strcheck == "*") {
		alltickers = true;
	} else if (strcheck!=null) {
		a = strcheck.split("|");
	}
	var content = "";
	var chk = "";
	content = "<table border=0 width=100%><tr><td width=33%></td><td width=34%><div id='control' style='top:0px;left:0px;width:640px;height:440px'>";
	content += "<div id='maintab' style='top:0px;left:0px;width:640px;height:440px'><div>";
	content += "</div></td><td width=33%></td></tr></table>";
	o.innerHTML = content;
    // Build tabs
	tabbar=new dhtmlXTabBar("maintab","top"); 
	tabbar.setImagePath("images/tab/");
	tabbar.setStyle("Modern");
	tabbar.setSkinColors("#FFFF00","#FFFACD");
	tabbar.addTab("a1","Danh mục chứng khoán","150px");
	tabbar.addTab("a2","Bảng màu","150px");
	content = "<div style='padding:5px;'><input type='button' onclick='checkAll();' value='Chọn tất cả'> <input type='button' onclick='uncheckAll();' value='Xóa tất cả'> <input type='button' onclick='updatePage();' value='Đồng ý'> <input type='button' onclick='hideControl(\"pannel\")' value='Đóng'>";
	content += "<br><br><form id='frmTickers' name='frmTickers' style='font-size:10pt;color: #003399; font-family:Courier New'>";
	for (var i=2; i<totalstocks; i++) {
		if ((alltickers) || (a.indexOf(aTickers[i][0]) > -1)) chk = "checked ";
		else chk = "";
		s = aTickers[i][0];
		s = s.substr(0,3);
		content += "<span onmouseout='tooltip(event,"+i+",2)' onmouseover='tooltip(event,"+i+",2)'><input "+chk+"type='checkbox' value='"+aTickers[i][0]+"'>"+s+"</span>&nbsp;";
		if (i % 12 == 1) content += "<br>";
	}
	content += "</form></div>";
	tabbar.setContentHTML("a1",content);
	// styles tab
	var styletitle = getCookie("mysheet");
	if (styletitle == null) styletitle = 0;
	contents = "<div style='background-color:#FFFF00;font-family:Verdana;font-size:10px;color:#000066;'><table border=0 width=100%><tr><td><div style='width:630px;height:20px;font-family:Verdana;font-size:10px;'>";
	strcheck = (styletitle==0)?"checked":"";
	contents += "<input "+strcheck+" type='radio' name='choice' value='0' onClick='chooseStyleImage(this.value);'>"+eval('aString.Default');
	strcheck = (styletitle==1)?"checked":"";
	contents += "&nbsp;<input "+strcheck+" type='radio' name='choice' value='1' onClick='chooseStyleImage(this.value);'>"+eval('aString.Xuan');
	strcheck = (styletitle==2)?"checked":"";
	contents += "&nbsp;<input "+strcheck+" type='radio' name='choice' value='2' onClick='chooseStyleImage(this.value);'>"+eval('aString.Ha');
	strcheck = (styletitle==3)?"checked":"";
	contents += "&nbsp;<input "+strcheck+" type='radio' name='choice' value='3' onClick='chooseStyleImage(this.value);'>"+eval('aString.Thu');
	strcheck = (styletitle==4)?"checked":"";
	contents += "&nbsp;<input "+strcheck+" type='radio' name='choice' value='4' onClick='chooseStyleImage(this.value);'>"+eval('aString.Dong');
	contents += "&nbsp;&nbsp;<input type='button' onclick='updatePage();' value='Đồng ý'>&nbsp;<input type='button' onclick='hideControl(\"pannel\")' value='Đóng'></div></td></tr><tr><td><div style='width:630px;height:380px'><IMG style='width:630px;height:380px' src='' id='styleimage' name='styleimage' BORDER='0'></div></td></tr>";
	contents += "</table></div>";
	tabbar.setContentHTML("a2",contents);
	chooseStyleImage(styletitle);
	tabbar.setTabActive("a1");
    o.style.visibility = 'visible';
}
function hideControl(divid) {
	var o = document.getElementById(divid);
    o.style.visibility = 'hidden';
}

function checkAll()
{
	for (var i=0; i < document.frmTickers.elements.length; i++)
		if (document.frmTickers.elements[i].type=='checkbox')
			document.frmTickers.elements[i].checked = true;
}

function uncheckAll()
{
	for (var i=0; i < document.frmTickers.elements.length; i++)
		if (document.frmTickers.elements[i].type=='checkbox')
			document.frmTickers.elements[i].checked = false;
}

function updatePage()
{
	hideControl("pannel");
	bluechip = 2;
	var strcheck = "";
	alltickers = true;
	for (var i=0,j=0; i < document.frmTickers.elements.length; i++)
		if (document.frmTickers.elements[i].type=='checkbox') {
			if (document.frmTickers.elements[i].checked) {
				if (j == 0) {
					strcheck = document.frmTickers.elements[i].value;
					j = 1;
				}
				else
					strcheck = strcheck + "|" + document.frmTickers.elements[i].value;
			} else 
				alltickers = false;
		}
	if (alltickers) strcheck = "*";
	setCookie(board, strcheck, 10000);
	setCookie("mysheet", tempStyle, 10000);
	history.go();
}

function ad(i, k, s, b){
	aTickers[i] = new Array(k, s, b, 0);
}
//--------------------------------------------------------------------

function setCookie(cookieName, cookieValue, expireDays){	
	var expireDate = new Date();	
	expireDate.setDate(expireDate.getDate() + typeof expireDays != "undefined" ? expireDays : 1000 );
	document.cookie = cookieName + "=" + escape(cookieValue) +"; expires=" + expireDate.toGMTString();	
}

function getCookie(cookieName){
	var results = document.cookie.match( '(^|;) ?' + cookieName + '=([^;]*)(;|$)' );    
	return results != null ? unescape(results[2]) : null;           	
}

function deleteCookie(cookieName){
	var cookie_date = new Date();
  	cookie_date.setTime ( cookie_date.getTime() - 1 );
  	document.cookie = cookieName += "=; expires=" + cookie_date.toGMTString();
}

function setStylesheet(title, randomize){
	var i, cacheobj, altsheets=[""];
	for(i=0; (cacheobj=document.getElementsByTagName("link")[i]); i++) {
		if(cacheobj.getAttribute("rel").toLowerCase()=="alternate stylesheet" && cacheobj.getAttribute("title")) {
			cacheobj.disabled = true;
			altsheets.push(cacheobj);
			if(cacheobj.getAttribute("title") == title) 
				cacheobj.disabled = false;
		}
	}
	if (typeof randomize!="undefined"){
		var randomnumber=Math.floor(Math.random()*altsheets.length);
		altsheets[randomnumber].disabled=false;
	}
	return (typeof randomize!="undefined" && altsheets[randomnumber]!="")? altsheets[randomnumber].getAttribute("title") : "";
}

/*---------PHẦN HEARDER ĐỘNG---------*/
function HDfloat(id) {
    if (!document.getElementById("sliding_header_div")) return false;
    if (!document.getElementById("sliding_header_table")) return false;
    var eY = 0;
    var startX, startY;
    if (document.body.clientWidth < 1000)
        startX = -1;
    else
        startX = (document.body.clientWidth - 1000) / 2 - 1;
    startY = 0;
    window.stayHD = function (obj) {
		iTop = parseInt(ifGetXY(document.getElementById("header_table"))[1]);
		var startX, startY;
		var ns = navigator.appName.indexOf("Netscape") != -1;
		startX = 1;
		if (document.body.scrollTop < iTop) {obj.style.display = "none";} 
		else {obj.style.display = "";
		if (document.documentElement && document.documentElement.scrollTop) {var pY = (ns ? pageYOffset : document.documentElement.scrollTop);} 
		else if (document.body) {var pY = (ns ? pageYOffset : document.body.scrollTop);}
		startY = 0;
		obj.y += (pY + startY - obj.y) / 8;
		obj.style.left = startX;
		obj.style.top = obj.y + eY;
	}
	setTimeout(function () {stayHD(obj, eY);}, 10);};
	
    var obj = document.getElementById ? document.getElementById(id) : document.all ? document.all[id] : document.layers[id];
    
    if (!obj) return;
    obj.x = startX;
    obj.y = startY;
    stayHD(obj);
    return true;
}

function ifGetXY(obj, offset) {
    var value = offset ? offset.slice(0) : [0, 0];
    while (obj) {
        value[0] += obj.offsetLeft;
        value[1] += obj.offsetTop;
        if (obj.tagName.toUpperCase() == "BODY")
            break;
        obj = obj.offsetParent;
    }
    return value;
}

function showHD() {
    if (typeof iTop == "undefined") return;
    if (document.body.scrollTop > iTop)
        document.getElementById("sliding_header_div").style.display = "";
}
/*----------------------------------------------------------*/

function showclock(id){
	var Digital=new Date()
	var hours=Digital.getHours()
	var minutes=Digital.getMinutes()
	var seconds=Digital.getSeconds()
	if(hours==0) hours=23;
	if(hours<10) hours="0" + hours;
	if (minutes<=9) minutes="0"+minutes;
	if (seconds<=9) seconds="0"+seconds;
	var clock = document.getElementById(id);
	if (clock)
		clock.innerHTML = hours+":"+minutes+":"+seconds;
	setTimeout("showclock('"+id+"')",1000);
}

function showtoday(id){
	var Digital=new Date()
	var day=Digital.getDate()
	var month=Digital.getMonth()
	var year=Digital.getFullYear()
	if (day<10) day="0" + day;
	month=month+1;
	if(month<10) month="0" + month;
	var today = document.getElementById(id);
	if (today)
		today.innerHTML = day+"/"+month+"/"+year;
}

//showclock("liveclock");

//if (!document.all){
setTimeout(function(){HDfloat('sliding_header_div');showHD();}, 1000);
//}

var prevTooltip;
function getWindowWidth() {  
    if(window.innerWidth)
        return window.innerWidth;
    return document.body.clientWidth;
}

function mouseX(e) {
    if(e.pageX)
        return e.pageX;    
    return e.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
}

function mouseY(e) {
   if(e.pageY)
        return e.pageY;
    return e.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);    
}

function tooltip(e, i, p, o) {
    var windowWidth = getWindowWidth();
    o = document.getElementById("tip");  
    if(prevTooltip && prevTooltip != o)
        prevTooltip.style.visibility = 'hidden';
    if(o.style.visibility == 'visible')
        o.style.visibility = 'hidden';
    else {
    	var bShow = false;
		if (p == 0) {
			if (oldrooms[i]) {
				o.innerHTML = "<font style='font-size:13px;color:#0000FF'><b>"+aTickers[i][0]+"</b> &gt; "+ aString.OldRoom + "<b>" + oldrooms[i]+"</b></font>";
				bShow = true;
			}
		} 
		else if (p == 1){
			o.innerHTML = "<font style='font-size:13px;color:#0000FF'><b>"+aTickers[i][0]+"</b> &gt; "+aTickers[i][1]+"</font>";
			if (oldprices[i] && oldprices[i]>0) {
				o.innerHTML += "<br><font style='font-size:13px;color:#0000FF'>"+ aString.OldPrice + "<b>" + oldprices[i]+"</b></font>";
			}
			bShow = true;			
		} 
		else if (p == 2){
			o.innerHTML = "<font style='font-size:13px;color:#0000FF'><b>"+aTickers[i][0]+"</b> &gt; "+aTickers[i][1]+"</font>";
			if (aBenefit[stockstatus[i]]) {
				o.innerHTML += "<br><font style='font-size:13px;color:#0000FF'>* <i><b>"+aBenefit[stockstatus[i]]+"</b></i></font>";
			}
			bShow = true;
		}
    	if (!bShow) return;
        if(o.offsetWidth)
            ew = o.offsetWidth;
        else if(o.clip.width)
            ew = o.clip.width;
        y = mouseY(e) + 16;
        x = mouseX(e) - (ew / 4);
        if (x < 2)
            x = 2;
        else if(x + ew > windowWidth)
            x = windowWidth - ew - 4;
        o.style.left = x + 'px';
        o.style.top = y + 'px';    
        o.style.visibility = 'visible';
        prevTooltip = o;
    }
}

/*-----------PHẦN CUỘN VÀ LẬT TRANG---------(Comment by Hungld)*/
function rollRow(tableid) {
  var tablebody = document.getElementById(tableid); 
	if  (!tablebody) return;
  
  if(tablebody.nodeName!= "TBODY")     
    return false;   

  tablerows = document.getElementsByName("vssdrecord");
  var curr_id =  tablerows[0].getAttribute('id');
  var next_id =  tablerows[tablerows.length-1].getAttribute('id');  

  tablerows[0].setAttribute('id',next_id);
  tablerows[tablerows.length-1].setAttribute('id',curr_id);
  
  tablebody.appendChild(tablerows[0], null);
}

function autoRoll(divid) {
	if (!scrollable) return;	
	obj=document.getElementById(divid);
	if (obj) {
		currentpos=currentpos + scrollstep;	
		if(switchtype==1){	
		    if (currentpos == 0) {
			    obj.scrollTop = currentpos;
			    setTimeout("autoRoll('"+divid+"')", scrolldelay);			
			    return;
		    }
		    if (currentpos >= 23){		
			    rollRow('data');
			    obj.scrollTop = 0;
			    currentpos = -scrollstep;
			    setTimeout("autoRoll('"+divid+"')", scrolldelay);
			    return;
		    }				
		    obj.scrollTop = currentpos;
		}
		else if(switchtype==2){
		    if(currentpos > scrollstep * numpages) currentpos = 0;			
		    obj.scrollTop = currentpos + (currentpos/scrollstep)*3;	
		}
	}
	setTimeout("autoRoll('"+divid+"')",scrolldelay);
}

function autoSwitch(divid) {
	if (!scrollable) return;	
	obj=document.getElementById(divid);
	if (obj) {	
		currentpos = currentpos + scrollstep;						
		if(currentpos > scrollstep * numpages) currentpos = 0;			
		obj.scrollTop = currentpos;// + (currentpos/scrollstep)*3;		
	}
	setTimeout("autoSwitch('"+divid+"')", scrolldelay);
}

// Start scroll
var currentpos=-scrollstep;
var DH = 0;var an = 0;var al = 0;var ai = 0;
if (document.getElementById) {ai = 1; DH = 1;}
else {
    
    al = 1; DH = 1;//Edited by Hungld    
    /*
	if (document.all){
	al = 1; DH = 1;
	
	} 
	else { 
		browserVersion = parseInt(navigator.appVersion);
		if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4)) {an = 1; DH = 1;}
	}
	*/
} 

/*-------CUỘN TRANG-------*/
function startscroll(divid){
	if ((bluechip != 1) && (scrollable))
		setTimeout("autoRoll('"+divid+"')",20);
}

/*-------LẬT TRANG-------*/
function startSwitch(divid){
	if ((bluechip != 1) && (scrollable))
		setTimeout("autoSwitch('"+divid+"')",20);
}