Set layout:

 <style> 	    
 	.over{color:#000080; background-color:#ffffcc;
 		font-family:Verdana;font-size:12px;}
 	.def{color:#ff0000; background-color:#ffffff;
 		font-family:Verdana;font-size:12px;} 	 	                                                                                                
 	.curr0{color:#000000; background-color:#ffffee;
 		font-family:Verdana;font-size:12px;}
 	.curr1{color:#0000ff; background-color:#eaeaff;
 		font-family:Verdana;font-size:12px;}
 	.curr2{color:#008000; background-color:#FFE6E6;
 		font-family:Verdana;font-size:12px;}
 	.curr3{color:#ff0000; background-color:#DFFFDF;
 		font-family:Verdana;font-size:12px;}
 </style>
   
 <script> 
  var l = window.location.href;
  if (l.indexOf("?") > -1) l = l.slice(0, l.indexOf("?"));
 
  var tabDef = {
    x : 10,
    y : 50,
    width : 450,
    height : 140,
    offset : 3,
    spacing : 5,
    padding : 5,
    align: 'right', 
    layout: 'top', 
    border: {width:1, color:'#000000'},    
    cssover: 'over', 	
    css : 'def',	
       
    tabs:[
    {
    text:"CodeThat.com",
    hint:"is the ultimate source of the high-quality, 
    cutting-edge web technologies. In particular, we offer a JavaScript menu, a JavaScript tree, and other scripts, 
    which can be easily integrated into almost any site providing visitors with a fast, high-quality navigation 
    system. We offer freeware and commercial versions of our scripts so that anybody from students to big corporations 
    can benefit from using our first-class solutions.",    
    csscurr:'curr0',   
    cssover:'curr0'
    },
    
    {
    text:"What's New",
    hint:'<li>Now you have a possibility to export only that rows 
    where data was changed <li>You can use user-defined functions for auto-filled columns creation <li>
    You can perform search in grid right from url <li>You can hide cells with rows/columns names ',    
    csscurr:'curr1',    
    cssover:'curr1'
    },
    
    {
    text:"What's Hot",
    hint:'Visit our <a href="http://www.codethat.com">Hot</a> 
    section for a list of CodeThat.Com scripts that are popular to the visitors.',
    csscurr:'curr2',    
    cssover:'curr2'
    },
    
    {
    text:"Search",
    hint:'<form action="http://www.google.com/search" method="get" 
    onSubmit="this.q.value=\'site:www.codethat.com \
    '+this.qfront.value"><p>Search CodeThat.Com:<br /><input name="q" type="hidden" />
    <input name="qfront" type="text" style="width: 180px" /> <input type="submit" value="Search" /></form>',    
    csscurr:'curr3',    
    cssover:'curr3'	 
    }    
    ]
  };  
  
  l = window.location.href;  
  if (l.indexOf("=") > -1) l = l.slice(l.indexOf("=")+1) 
  else l = "top";  
 
  tabDef.layout = l;
 </script>
 
 <form name="f">
  Set layout: <select onChange="this.form.submit();" name="layout">
    <option value="top">top</option>
    <option value="bottom">bottom</option>
    <option value="left">left</option>
    <option value="right">right</option>
  </select>
 </form>
 
 <script>
  for (i = 0; i < document.forms['f'].layout.length; i++)
   if (document.forms['f'].layout.options[i].value == l) document.forms['f'].layout.options[i].selected = true;
 
  var ts = new CTabSet("ts");  
  ts.create(tabDef);  
 </script>