﻿function GotoUrl(strUrl,iOpenNew)
{
	if (parseInt(iOpenNew)>0){
		open(strUrl, '_blank', 'fullscreen=no,addressbar=yes,toolbar=yes,titlebar=yes,scrollbars=yes,status=yes,resizable=yes');
	}else{
		window.parent.location = strUrl;	
	}
}

function OpenImage(vLink,vWidth,vHeight)
{
	var sLink = (typeof(vLink.href) == 'undefined') ? vLink : vLink.href;

	if (sLink == '')
	{
		return false;
	}

	winDef = 'status=no,resizable=no,scrollbars=no,toolbar=no,location=no,fullscreen=no,titlebar=yes,height='.concat(vHeight).concat(',').concat('width=').concat(vWidth).concat(',');
	winDef = winDef.concat('top=').concat((screen.height - vHeight)/2).concat(',');
	winDef = winDef.concat('left=').concat((screen.width - vWidth)/2);
	newwin = open('', '_blank', winDef);

	newwin.document.writeln('<title>Image Preview</title><body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">');
	newwin.document.writeln('<img onclick="window.close()" src="', sLink, '" border=0>');
	newwin.document.writeln('</body>');

	if (typeof(vLink.href) != 'undefined')
	{
		return false;
	}
}

function switchActive(i){
    if(i == 1){
	    // tieu de
	    document.getElementById('LeftChartHOSE').className = 'SpaceNoneH';
	    document.getElementById('CenterChartHOSE').className = 'TopUpNoneH';
	    document.getElementById('RightChartHOSE').className = 'ActiveLeftNoneH';
	    
	    document.getElementById('LeftChartHASTC').className = 'ChatLeft';
	    document.getElementById('CenterChartHASTC').className = 'TopUpH';
	    document.getElementById('RightChartHASTC').className = 'ActiveLeftH';
	    //noi dung
	    document.getElementById('HASTCLiveRow').className = 'Show';
	    document.getElementById('HOSTCLiveRow').className = 'Hide';
    }
    else{
	    // tieu de
	    // tieu de
	    document.getElementById('LeftChartHOSE').className = 'ChatLeft';
	    document.getElementById('CenterChartHOSE').className = 'TopUpH';
	    document.getElementById('RightChartHOSE').className = 'ActiveLeftH';
	    
	    document.getElementById('LeftChartHASTC').className = 'SpaceNoneH';
	    document.getElementById('CenterChartHASTC').className = 'TopUpNoneH';
	    document.getElementById('RightChartHASTC').className = 'ActiveLeftNoneH';
	    
	    //noi dung
	    document.getElementById('HASTCLiveRow').className = 'Hide';
	    document.getElementById('HOSTCLiveRow').className = 'Show';
    }
}
function switchActiveSelectTopHASTC(i){    
    if(i == 1){
	    // tieu de
	    document.getElementById('ActiveLeftUpHASTC').className = 'SpaceNoneH';
	    document.getElementById('ActiveCenterUpHASTC').className = 'TopUpNoneH';
	    document.getElementById('ActiveRightUpHASTC').className = 'ActiveLeftNoneH';
	    
	    document.getElementById('ActiveLeftDownHASTC').className = 'Top5Down';
	    document.getElementById('ActiveCenterDownHASTC').className = 'TopUpH';
	    document.getElementById('ActiveRightDownHASTC').className = 'ActiveLeftH';
	    
	    document.getElementById('ActiveLeftKLHASTC').className = 'SpaceNoneH';
	    document.getElementById('ActiveCenterKLHASTC').className = 'TopUpNoneH';
	    document.getElementById('ActiveRightKLHASTC').className = 'ActiveLeftNoneH';
	    
	    document.getElementById('ActiveLeftNNHASTC').className = 'SpaceNoneH';
        document.getElementById('ActiveCenterNNHASTC').className = 'TopUpNoneH';
        document.getElementById('ActiveRightNNHASTC').className = 'ActiveLeftNoneH';
	    
	    //noi dung
	    document.getElementById('Top5UpRowHASTC').className = 'Hide';
	    document.getElementById('Top5DownRowHASTC').className = 'Show';
	    document.getElementById('Top5KLGDRowHASTC').className = 'Hide';
	    document.getElementById('Top5NNRowHASTC').className = 'Hide';
    }
    else
    {
        if(i == 2){
	        // tieu de
	        document.getElementById('ActiveLeftUpHASTC').className = 'SpaceNoneH';
	        document.getElementById('ActiveCenterUpHASTC').className = 'TopUpNoneH';
	        document.getElementById('ActiveRightUpHASTC').className = 'ActiveLeftNoneH';
    	    
	        document.getElementById('ActiveLeftDownHASTC').className = 'SpaceNoneH';
	        document.getElementById('ActiveCenterDownHASTC').className = 'TopUpNoneH';
	        document.getElementById('ActiveRightDownHASTC').className = 'ActiveLeftNoneH';
    	    
	        document.getElementById('ActiveLeftKLHASTC').className = 'Top5KL';
	        document.getElementById('ActiveCenterKLHASTC').className = 'TopUpH';
	        document.getElementById('ActiveRightKLHASTC').className = 'ActiveLeftH';
	        
	        document.getElementById('ActiveLeftNNHASTC').className = 'SpaceNoneH';
            document.getElementById('ActiveCenterNNHASTC').className = 'TopUpNoneH';
            document.getElementById('ActiveRightNNHASTC').className = 'ActiveLeftNoneH';
    	    
	        //noi dung
	        document.getElementById('Top5UpRowHASTC').className = 'Hide';
	        document.getElementById('Top5DownRowHASTC').className = 'Hide';
	        document.getElementById('Top5KLGDRowHASTC').className = 'Show';
	        document.getElementById('Top5NNRowHASTC').className = 'Hide';
        }
        else
        {
            if(i == 3){
	            // tieu de	            
	            document.getElementById('ActiveLeftUpHASTC').className = 'SpaceNoneH';
	            document.getElementById('ActiveCenterUpHASTC').className = 'TopUpNoneH';
	            document.getElementById('ActiveRightUpHASTC').className = 'ActiveLeftNoneH';
        	    
	            document.getElementById('ActiveLeftDownHASTC').className = 'SpaceNoneH';
	            document.getElementById('ActiveCenterDownHASTC').className = 'TopUpNoneH';
	            document.getElementById('ActiveRightDownHASTC').className = 'ActiveLeftNoneH';
        	    
	            document.getElementById('ActiveLeftKLHASTC').className = 'SpaceNoneH';
	            document.getElementById('ActiveCenterKLHASTC').className = 'TopUpNoneH';
	            document.getElementById('ActiveRightKLHASTC').className = 'ActiveLeftNoneH';
	            
	            document.getElementById('ActiveLeftNNHASTC').className = 'Top5KL';
                document.getElementById('ActiveCenterNNHASTC').className = 'TopUpH';
                document.getElementById('ActiveRightNNHASTC').className = 'ActiveLeftH';
        	    
	            //noi dung
	            document.getElementById('Top5UpRowHASTC').className = 'Hide';
	            document.getElementById('Top5DownRowHASTC').className = 'Hide';
	            document.getElementById('Top5KLGDRowHASTC').className = 'Hide';
	            document.getElementById('Top5NNRowHASTC').className = 'Show';
            }
            else
            {                
                document.getElementById('ActiveLeftUpHASTC').className = 'SpaceH';
	            document.getElementById('ActiveCenterUpHASTC').className = 'TopUpH';
	            document.getElementById('ActiveRightUpHASTC').className = 'ActiveLeftH';
        	    
	            document.getElementById('ActiveLeftDownHASTC').className = 'SpaceNoneH';
	            document.getElementById('ActiveCenterDownHASTC').className = 'TopUpNoneH';
	            document.getElementById('ActiveRightDownHASTC').className = 'ActiveLeftNoneH';
        	    
	            document.getElementById('ActiveLeftKLHASTC').className = 'SpaceNoneH';
	            document.getElementById('ActiveCenterKLHASTC').className = 'TopUpNoneH';
	            document.getElementById('ActiveRightKLHASTC').className = 'ActiveLeftNoneH';
	            
	             document.getElementById('ActiveLeftNNHASTC').className = 'SpaceNoneH';
                document.getElementById('ActiveCenterNNHASTC').className = 'TopUpNoneH';
                document.getElementById('ActiveRightNNHASTC').className = 'ActiveLeftNoneH';
        	    
	            //noi dung
	            document.getElementById('Top5UpRowHASTC').className = 'Show';
	            document.getElementById('Top5DownRowHASTC').className = 'Hide';
	            document.getElementById('Top5KLGDRowHASTC').className = 'Hide';
	            document.getElementById('Top5NNRowHASTC').className = 'Hide';
	        }
        }
    }
}
function switchActiveSelectTopHOSE(i){    
    if(i == 1){
	    // tieu de
	    document.getElementById('ActiveLeftUpHose').className = 'SpaceNoneH';
	    document.getElementById('ActiveCenterUpHose').className = 'TopUpNoneH';
	    document.getElementById('ActiveRightUpHose').className = 'ActiveLeftNoneH';
	    
	    document.getElementById('ActiveLeftDownHose').className = 'Top5Down';
	    document.getElementById('ActiveCenterDownHose').className = 'TopUpH';
	    document.getElementById('ActiveRightDownHose').className = 'ActiveLeftH';
	    
	    document.getElementById('ActiveLeftKLHose').className = 'SpaceNoneH';
	    document.getElementById('ActiveCenterKLHose').className = 'TopUpNoneH';
	    document.getElementById('ActiveRightKLHose').className = 'ActiveLeftNoneH';
	    
	    document.getElementById('ActiveLeftNNHose').className = 'SpaceNoneH';
	    document.getElementById('ActiveCenterNNHose').className = 'TopUpNoneH';
	    document.getElementById('ActiveRightNNHose').className = 'ActiveLeftNoneH';
	    
	    //noi dung
	    document.getElementById('Top5UpRow').className = 'Hide';
	    document.getElementById('Top5DownRow').className = 'Show';
	    document.getElementById('Top5KLGDRow').className = 'Hide';
	    document.getElementById('Top5NNRow').className = 'Hide';
    }
    else
    {
        if(i == 2){
	        // tieu de
	        document.getElementById('ActiveLeftUpHose').className = 'SpaceNoneH';
	        document.getElementById('ActiveCenterUpHose').className = 'TopUpNoneH';
	        document.getElementById('ActiveRightUpHose').className = 'ActiveLeftNoneH';
    	    
	        document.getElementById('ActiveLeftDownHose').className = 'SpaceNoneH';
	        document.getElementById('ActiveCenterDownHose').className = 'TopUpNoneH';
	        document.getElementById('ActiveRightDownHose').className = 'ActiveLeftNoneH';
    	    
	        document.getElementById('ActiveLeftKLHose').className = 'Top5KL';
	        document.getElementById('ActiveCenterKLHose').className = 'TopUpH';
	        document.getElementById('ActiveRightKLHose').className = 'ActiveLeftH';
	        
	        document.getElementById('ActiveLeftNNHose').className = 'SpaceNoneH';
	        document.getElementById('ActiveCenterNNHose').className = 'TopUpNoneH';
	        document.getElementById('ActiveRightNNHose').className = 'ActiveLeftNoneH';
    	    
	        //noi dung
	        document.getElementById('Top5UpRow').className = 'Hide';
	        document.getElementById('Top5DownRow').className = 'Hide';
	        document.getElementById('Top5KLGDRow').className = 'Show';
	        document.getElementById('Top5NNRow').className = 'Hide';
	        
        }
        else
        {
            if(i == 3)
            {
                document.getElementById('ActiveLeftUpHose').className = 'SpaceNoneH';
	            document.getElementById('ActiveCenterUpHose').className = 'TopUpNoneH';
	            document.getElementById('ActiveRightUpHose').className = 'ActiveLeftNoneH';
        	    
	            document.getElementById('ActiveLeftDownHose').className = 'SpaceNoneH';
	            document.getElementById('ActiveCenterDownHose').className = 'TopUpNoneH';
	            document.getElementById('ActiveRightDownHose').className = 'ActiveLeftNoneH';
        	    
	            document.getElementById('ActiveLeftKLHose').className = 'SpaceNoneH';
	            document.getElementById('ActiveCenterKLHose').className = 'TopUpNoneH';
	            document.getElementById('ActiveRightKLHose').className = 'ActiveLeftNoneH';
	            
	            document.getElementById('ActiveLeftNNHose').className = 'Top5KL';
	            document.getElementById('ActiveCenterNNHose').className = 'TopUpH';
	            document.getElementById('ActiveRightNNHose').className = 'ActiveLeftH';
        	    
	            //noi dung
	            document.getElementById('Top5UpRow').className = 'Hide';
	            document.getElementById('Top5DownRow').className = 'Hide';
	            document.getElementById('Top5KLGDRow').className = 'Hide';
	            document.getElementById('Top5NNRow').className = 'Show';
            }
            else
            {
                document.getElementById('ActiveLeftUpHose').className = 'SpaceH';
	            document.getElementById('ActiveCenterUpHose').className = 'TopUpH';
	            document.getElementById('ActiveRightUpHose').className = 'ActiveLeftH';
        	    
	            document.getElementById('ActiveLeftDownHose').className = 'SpaceNoneH';
	            document.getElementById('ActiveCenterDownHose').className = 'TopUpNoneH';
	            document.getElementById('ActiveRightDownHose').className = 'ActiveLeftNoneH';
        	    
	            document.getElementById('ActiveLeftKLHose').className = 'SpaceNoneH';
	            document.getElementById('ActiveCenterKLHose').className = 'TopUpNoneH';
	            document.getElementById('ActiveRightKLHose').className = 'ActiveLeftNoneH';
	            
	            document.getElementById('ActiveLeftNNHose').className = 'SpaceNoneH';
	            document.getElementById('ActiveCenterNNHose').className = 'TopUpNoneH';
	            document.getElementById('ActiveRightNNHose').className = 'ActiveLeftNoneH';
        	    
	            //noi dung
	            document.getElementById('Top5UpRow').className = 'Show';
	            document.getElementById('Top5DownRow').className = 'Hide';
	            document.getElementById('Top5KLGDRow').className = 'Hide';
	            document.getElementById('Top5NNRow').className = 'Hide';
	        }
        }
    }    
}
function GetCurrentDate()
{
    var date = new Date();
    var d  = date.getDate();
    var day = (d < 10) ? '0' + d : d;
    var m = date.getMonth() + 1;
    var month = (m < 10) ? '0' + m : m;
    var yy = date.getYear();
    var h = date.getHours();
    var hour = (h<10)? '0' + h : h;
    var m = date.getMinutes();
    var minute = (m<10)? '0' + m : m;
    var s = date.getSeconds();
    var second = (s<10)? '0' + s : s;
    var time = hour + ':' + minute + ':' + second;
    var year = (yy < 1000) ? yy + 1900 : yy;
    var current_date = day + "/" + month + "/" + year + " " + time;
    return current_date;
}
function show_date()
{
    document.getElementById("CurrentDate").innerHTML = GetCurrentDate();
}
function switchTopCount(index){
    if(index == 1){
        //Hose
	    document.getElementById('TopVolumeHose').className = 'Hide';
        document.getElementById('TopTotalValueHose').className = 'Show';
        document.getElementById('TopUpPriceHose').className = 'Hide';
        document.getElementById('TopUpChangeHose').className = 'Hide';	
        document.getElementById('TopDownPriceHose').className = 'Hide';
        document.getElementById('TopDownChangeHose').className = 'Hide';
        document.getElementById('TopForeignVolumeHose').className = 'Hide';
        //document.getElementById('TopForeignValueHose').className = 'Hide';	
        //Hastc
	    document.getElementById('TopVolumeHastc').className = 'Hide';
	    document.getElementById('TopTotalValueHastc').className = 'Show';
	    document.getElementById('TopUpPriceHastc').className = 'Hide';
	    document.getElementById('TopUpChangeHastc').className = 'Hide';    
	    document.getElementById('TopDownPriceHastc').className = 'Hide';
	    document.getElementById('TopDownChangeHastc').className = 'Hide';
	    document.getElementById('TopForeignVolumeHastc').className = 'Hide';
	    //document.getElementById('TopForeignValueHastc').className = 'Hide'; 
	    //Active
	    document.getElementById('tdTopVolume').className = 'tdSwitch';
	    document.getElementById('tdTopTotalValue').className = 'tdSwitchActive';
	    document.getElementById('tdTopUpPrice').className = 'tdSwitch';
	    document.getElementById('tdTopUpChange').className = 'tdSwitch';    
	    document.getElementById('tdTopDownPrice').className = 'tdSwitch';
	    document.getElementById('tdTopDownChange').className = 'tdSwitch';
	    document.getElementById('tdTopForeignVolume').className = 'tdSwitch';
	    //document.getElementById('tdTopForeignValue').className = 'tdSwitch'; 
    }
    else if(index == 2){
        //Hose
	    document.getElementById('TopVolumeHose').className = 'Hide';
        document.getElementById('TopTotalValueHose').className = 'Hide';
        document.getElementById('TopUpPriceHose').className = 'Show';
        document.getElementById('TopUpChangeHose').className = 'Hide';	
        document.getElementById('TopDownPriceHose').className = 'Hide';
        document.getElementById('TopDownChangeHose').className = 'Hide';
        document.getElementById('TopForeignVolumeHose').className = 'Hide';
        //document.getElementById('TopForeignValueHose').className = 'Hide';		
        //Hastc
	    document.getElementById('TopVolumeHastc').className = 'Hide';
	    document.getElementById('TopTotalValueHastc').className = 'Hide';
	    document.getElementById('TopUpPriceHastc').className = 'Show';
	    document.getElementById('TopUpChangeHastc').className = 'Hide';    
	    document.getElementById('TopDownPriceHastc').className = 'Hide';
	    document.getElementById('TopDownChangeHastc').className = 'Hide';
	    document.getElementById('TopForeignVolumeHastc').className = 'Hide';
	    //document.getElementById('TopForeignValueHastc').className = 'Hide';  
	    //Active
	    document.getElementById('tdTopVolume').className = 'tdSwitch';
	    document.getElementById('tdTopTotalValue').className = 'tdSwitch';
	    document.getElementById('tdTopUpPrice').className = 'tdSwitchActive';
	    document.getElementById('tdTopUpChange').className = 'tdSwitch';    
	    document.getElementById('tdTopDownPrice').className = 'tdSwitch';
	    document.getElementById('tdTopDownChange').className = 'tdSwitch';
	    document.getElementById('tdTopForeignVolume').className = 'tdSwitch';
	    //document.getElementById('tdTopForeignValue').className = 'tdSwitch';  
    }
    else if(index == 3){
        //Hose
	    document.getElementById('TopVolumeHose').className = 'Hide';
        document.getElementById('TopTotalValueHose').className = 'Hide';
        document.getElementById('TopUpPriceHose').className = 'Hide';
        document.getElementById('TopUpChangeHose').className = 'Show';	
        document.getElementById('TopDownPriceHose').className = 'Hide';
        document.getElementById('TopDownChangeHose').className = 'Hide';
        document.getElementById('TopForeignVolumeHose').className = 'Hide';
        //document.getElementById('TopForeignValueHose').className = 'Hide';	
       //Hastc
	    document.getElementById('TopVolumeHastc').className = 'Hide';
	    document.getElementById('TopTotalValueHastc').className = 'Hide';
	    document.getElementById('TopUpPriceHastc').className = 'Hide';
	    document.getElementById('TopUpChangeHastc').className = 'Show';    
	    document.getElementById('TopDownPriceHastc').className = 'Hide';
	    document.getElementById('TopDownChangeHastc').className = 'Hide';
	    document.getElementById('TopForeignVolumeHastc').className = 'Hide';
	    //document.getElementById('TopForeignValueHastc').className = 'Hide'; 
	    //Active
	    document.getElementById('tdTopVolume').className = 'tdSwitch';
	    document.getElementById('tdTopTotalValue').className = 'tdSwitch';
	    document.getElementById('tdTopUpPrice').className = 'tdSwitch';
	    document.getElementById('tdTopUpChange').className = 'tdSwitchActive';    
	    document.getElementById('tdTopDownPrice').className = 'tdSwitch';
	    document.getElementById('tdTopDownChange').className = 'tdSwitch';
	    document.getElementById('tdTopForeignVolume').className = 'tdSwitch';
	    //document.getElementById('tdTopForeignValue').className = 'tdSwitch';  
    }
    else if(index == 4){
        //Hose
	    document.getElementById('TopVolumeHose').className = 'Hide';
        document.getElementById('TopTotalValueHose').className = 'Hide';
        document.getElementById('TopUpPriceHose').className = 'Hide';
        document.getElementById('TopUpChangeHose').className = 'Hide';	
        document.getElementById('TopDownPriceHose').className = 'Show';
        document.getElementById('TopDownChangeHose').className = 'Hide';
        document.getElementById('TopForeignVolumeHose').className = 'Hide';
        //document.getElementById('TopForeignValueHose').className = 'Hide';	
        //Hastc
	    document.getElementById('TopVolumeHastc').className = 'Hide';
	    document.getElementById('TopTotalValueHastc').className = 'Hide';
	    document.getElementById('TopUpPriceHastc').className = 'Hide';
	    document.getElementById('TopUpChangeHastc').className = 'Hide';    
	    document.getElementById('TopDownPriceHastc').className = 'Show';
	    document.getElementById('TopDownChangeHastc').className = 'Hide';
	    document.getElementById('TopForeignVolumeHastc').className = 'Hide';
	    //document.getElementById('TopForeignValueHastc').className = 'Hide';  
	    //Active
	    document.getElementById('tdTopVolume').className = 'tdSwitch';
	    document.getElementById('tdTopTotalValue').className = 'tdSwitch';
	    document.getElementById('tdTopUpPrice').className = 'tdSwitch';
	    document.getElementById('tdTopUpChange').className = 'tdSwitch';    
	    document.getElementById('tdTopDownPrice').className = 'tdSwitchActive';
	    document.getElementById('tdTopDownChange').className = 'tdSwitch';
	    document.getElementById('tdTopForeignVolume').className = 'tdSwitch';
	    //document.getElementById('tdTopForeignValue').className = 'tdSwitch';  
    }
    else if(index == 5){
        //Hose
	    document.getElementById('TopVolumeHose').className = 'Hide';
        document.getElementById('TopTotalValueHose').className = 'Hide';
        document.getElementById('TopUpPriceHose').className = 'Hide';
        document.getElementById('TopUpChangeHose').className = 'Hide';	
        document.getElementById('TopDownPriceHose').className = 'Hide';
        document.getElementById('TopDownChangeHose').className = 'Show';
        document.getElementById('TopForeignVolumeHose').className = 'Hide';
        //document.getElementById('TopForeignValueHose').className = 'Hide';		
        //Hastc
	    document.getElementById('TopVolumeHastc').className = 'Hide';
	    document.getElementById('TopTotalValueHastc').className = 'Hide';
	    document.getElementById('TopUpPriceHastc').className = 'Hide';
	    document.getElementById('TopUpChangeHastc').className = 'Hide';    
	    document.getElementById('TopDownPriceHastc').className = 'Hide';
	    document.getElementById('TopDownChangeHastc').className = 'Show';
	    document.getElementById('TopForeignVolumeHastc').className = 'Hide';
	    //document.getElementById('TopForeignValueHastc').className = 'Hide'; 
	    //Active
	    document.getElementById('tdTopVolume').className = 'tdSwitch';
	    document.getElementById('tdTopTotalValue').className = 'tdSwitch';
	    document.getElementById('tdTopUpPrice').className = 'tdSwitch';
	    document.getElementById('tdTopUpChange').className = 'tdSwitch';    
	    document.getElementById('tdTopDownPrice').className = 'tdSwitch';
	    document.getElementById('tdTopDownChange').className = 'tdSwitchActive';
	    document.getElementById('tdTopForeignVolume').className = 'tdSwitch';
	    //document.getElementById('tdTopForeignValue').className = 'tdSwitch';  
    }
    else if(index == 6){
        //Hose
	    document.getElementById('TopVolumeHose').className = 'Hide';
        document.getElementById('TopTotalValueHose').className = 'Hide';
        document.getElementById('TopUpPriceHose').className = 'Hide';
        document.getElementById('TopUpChangeHose').className = 'Hide';	
        document.getElementById('TopDownPriceHose').className = 'Hide';
        document.getElementById('TopDownChangeHose').className = 'Hide';
        document.getElementById('TopForeignVolumeHose').className = 'Show';
        //document.getElementById('TopForeignValueHose').className = 'Hide';		
       //Hastc
	    document.getElementById('TopVolumeHastc').className = 'Hide';
	    document.getElementById('TopTotalValueHastc').className = 'Hide';
	    document.getElementById('TopUpPriceHastc').className = 'Hide';
	    document.getElementById('TopUpChangeHastc').className = 'Hide';    
	    document.getElementById('TopDownPriceHastc').className = 'Hide';
	    document.getElementById('TopDownChangeHastc').className = 'Hide';
	    document.getElementById('TopForeignVolumeHastc').className = 'Show';
	   //document.getElementById('TopForeignValueHastc').className = 'Hide'; 
	    //Active
	    document.getElementById('tdTopVolume').className = 'tdSwitch';
	    document.getElementById('tdTopTotalValue').className = 'tdSwitch';
	    document.getElementById('tdTopUpPrice').className = 'tdSwitch';
	    document.getElementById('tdTopUpChange').className = 'tdSwitch';    
	    document.getElementById('tdTopDownPrice').className = 'tdSwitch';
	    document.getElementById('tdTopDownChange').className = 'tdSwitch';
	    document.getElementById('tdTopForeignVolume').className = 'tdSwitchActive';
	    //document.getElementById('tdTopForeignValue').className = 'tdSwitch';   
    }   
//    else if(index == 7){
//        //Hose
//	    document.getElementById('TopVolumeHose').className = 'Hide';
//        document.getElementById('TopTotalValueHose').className = 'Hide';
//        document.getElementById('TopUpPriceHose').className = 'Hide';
//        document.getElementById('TopUpChangeHose').className = 'Hide';	
//        document.getElementById('TopDownPriceHose').className = 'Hide';
//        document.getElementById('TopDownChangeHose').className = 'Hide';
//        document.getElementById('TopForeignVolumeHose').className = 'Hide';
//        document.getElementById('TopForeignValueHose').className = 'Show';	
//        //Hastc
//	    document.getElementById('TopVolumeHastc').className = 'Hide';
//	    document.getElementById('TopTotalValueHastc').className = 'Hide';
//	    document.getElementById('TopUpPriceHastc').className = 'Hide';
//	    document.getElementById('TopUpChangeHastc').className = 'Hide';    
//	    document.getElementById('TopDownPriceHastc').className = 'Hide';
//	    document.getElementById('TopDownChangeHastc').className = 'Hide';
//	    document.getElementById('TopForeignVolumeHastc').className = 'Hide';
//	    document.getElementById('TopForeignValueHastc').className = 'Show'; 
//	    //Active
//	    document.getElementById('tdTopVolume').className = 'tdSwitch';
//	    document.getElementById('tdTopTotalValue').className = 'tdSwitch';
//	    document.getElementById('tdTopUpPrice').className = 'tdSwitch';
//	    document.getElementById('tdTopUpChange').className = 'tdSwitch';    
//	    document.getElementById('tdTopDownPrice').className = 'tdSwitch';
//	    document.getElementById('tdTopDownChange').className = 'tdSwitch';
//	    document.getElementById('tdTopForeignVolume').className = 'tdSwitch';
//	    document.getElementById('tdTopForeignValue').className = 'tdSwitchActive';    
//    }  

    else
    {
	     //Hose
	    document.getElementById('TopVolumeHose').className = 'Show';
        document.getElementById('TopTotalValueHose').className = 'Hide';
        document.getElementById('TopUpPriceHose').className = 'Hide';
        document.getElementById('TopUpChangeHose').className = 'Hide';	
        document.getElementById('TopDownPriceHose').className = 'Hide';
        document.getElementById('TopDownChangeHose').className = 'Hide';
        document.getElementById('TopForeignVolumeHose').className = 'Hide';
        //document.getElementById('TopForeignValueHose').className = 'Hide';	
        	
        //Hastc
	    document.getElementById('TopVolumeHastc').className = 'Show';
	    document.getElementById('TopTotalValueHastc').className = 'Hide';
	    document.getElementById('TopUpPriceHastc').className = 'Hide';
	    document.getElementById('TopUpChangeHastc').className = 'Hide';    
	    document.getElementById('TopDownPriceHastc').className = 'Hide';
	    document.getElementById('TopDownChangeHastc').className = 'Hide';
	    document.getElementById('TopForeignVolumeHastc').className = 'Hide';
	    //document.getElementById('TopForeignValueHastc').className = 'Hide'; 
	    //Active
	    document.getElementById('tdTopVolume').className = 'tdSwitchActive';
	    document.getElementById('tdTopTotalValue').className = 'tdSwitch';
	    document.getElementById('tdTopUpPrice').className = 'tdSwitch';
	    document.getElementById('tdTopUpChange').className = 'tdSwitch';    
	    document.getElementById('tdTopDownPrice').className = 'tdSwitch';
	    document.getElementById('tdTopDownChange').className = 'tdSwitch';
	    document.getElementById('tdTopForeignVolume').className = 'tdSwitch';
	    //document.getElementById('tdTopForeignValue').className = 'tdSwitch'; 
	    
    }    
}
function switchResult(indexResult){
    if(indexResult == 1){        
	    document.getElementById('divHoseResultStock').className = 'Hide';
        document.getElementById('divHoseResultStockBond').className = 'Show';
        document.getElementById('divHastcResultStock').className = 'Hide';
        document.getElementById('divHastcResultBond').className = 'Show'; 
        
        document.getElementById('ActiveBondLeft').className = 'StockBondLeftActive';
	    document.getElementById('ActiveBondCenter').className = 'StockBondCenterActive';
	    document.getElementById('ActiveBondRight').className = 'StockBondRightActive';
	    
	    document.getElementById('ActiveStockLeft').className = 'StockBondLeft';
	    document.getElementById('ActiveStockCenter').className = 'StockBondCenter';
	    document.getElementById('ActiveStockRight').className = 'StockBondRight';     
    }
    else
    {
        document.getElementById('divHoseResultStock').className = 'Show';
        document.getElementById('divHoseResultStockBond').className = 'Hide';
        document.getElementById('divHastcResultStock').className = 'Show';
        document.getElementById('divHastcResultBond').className = 'Hide';
        
        document.getElementById('ActiveBondLeft').className = 'StockBondLeft';
	    document.getElementById('ActiveBondCenter').className = 'StockBondCenter';
	    document.getElementById('ActiveBondRight').className = 'StockBondRight';
	    
	    document.getElementById('ActiveStockLeft').className = 'StockBondLeftActive';
	    document.getElementById('ActiveStockCenter').className = 'StockBondCenterActive';
	    document.getElementById('ActiveStockRight').className = 'StockBondRightActive';
    }  
}


