function $ID(id)
    {
        return document.getElementById(id);
    }
    
    window.onload=function()
    {
	    $ID('td4').style.display='none';
	    $ID('td6').style.display='none';
	    var height=parseInt($ID('td2').offsetHeight);
	    var width1=parseInt($ID('td1').offsetWidth);
	    var width2=parseInt($ID('td2').offsetWidth);
	    var width=width1+width2;
	    
	    $ID('td4').style.height=height+"px";
	    $ID('td6').style.height=height+"px";
	    $ID('a_title').style.width=width+"px";
    }
    
    function td1_click()
    {
        $ID('td2').style.display='block';
        $ID('td4').style.display='none';
	    $ID('td6').style.display='none';
	    
	    var width1=parseInt($ID('td1').offsetWidth);
	    var width2=parseInt($ID('td2').offsetWidth);
	    var width=width1+width2;
	     
	    $ID('a_title').style.width=width+"px";
	    $ID('b_title').style.width=width1+"px";
	    $ID('c_title').style.width=width1+"px";
    }
    
    function td3_click()
    {
        $ID('td4').style.display='block';
        $ID('td2').style.display='none';
	    $ID('td6').style.display='none';
	    
	    var width1=parseInt($ID('td3').offsetWidth);
	    var width2=parseInt($ID('td4').offsetWidth);
	    var width=width1+width2;
	     
	    $ID('b_title').style.width=width+"px";
	    $ID('a_title').style.width=width1+"px";
	    $ID('c_title').style.width=width1+"px";
    }
    
    function td5_click()
    {
        $ID('td6').style.display='block';
        $ID('td2').style.display='none';
	    $ID('td4').style.display='none';
	    
        var width1=parseInt($ID('td5').offsetWidth);
	    var width2=parseInt($ID('td6').offsetWidth);
	    var width=width1+width2;
	     
	    $ID('c_title').style.width=width+"px";
	    $ID('a_title').style.width=width1+"px";
	    $ID('b_title').style.width=width1+"px";
    }
    
    function a_title_click()
    {
        td1_click();
    }
    
    function b_title_click()
    {
        td3_click();
    }
    
    function c_title_click()
    {
        td5_click();
    }