jQuery UI.Layout ，把页面分为左右两框架，右框架里有个jquery的tab，怎样点左框架的某记录，使右框架的tab定位到某个tab上，而且给这个tab最好能传个参数，请教！

Question

页面代码

@{
  ViewBag.Title = "Index";
  Layout = "";
}
<script src="../../Scripts/jquery-1.4.4-vsdoc.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.layout-latest.js" type="text/javascript"></script>
<link href="../../Content/themes/cupertino/jquery-ui-1.8.11.custom.css" rel="stylesheet"
  type="text/css" />
<style type="text/css">
.ui-layout-pane-west {  
   background: #dfe8f6; 
   border:   0px solid #8db2e3; 
   padding:  100px;  
   overflow:  auto; 
   background-color:Red;
 } 

</style>
<h2>
  计划列表</h2>
<div class="ui-layout-west">
  <iframe src="/Jihua/JiHuaList" style="width: 100%; height: 100%;"></iframe>
</div>
<div class="ui-layout-center">
  <div id="tabs" style="width: 100%; height: 100%;">
    <ul>
      <li><a href="#tab1"><span>计划书</span></a></li>
      <li><a href="#tab2"><span>操作票</span></a></li>
    </ul>
    <div id="tab1">
      <iframe src="/Jihua/JiHuaShu" style="width: 100%; height: 100%;"></iframe>
    </div>
    <div id="tab2">
      <iframe src="/CaoZuoPiao/Test" style="width: 100%; height: 100%;"></iframe>
    </div>
  </div>
</div>
<script type="text/javascript">

  $(function () {
    $("#tabs").tabs();
    //$('body').layout({ applyDefaultStyles: true });
    $('body').layout({ applyDefaultStyles: true, west__size: 310, resizerTip:"可调整大小" });
  });


</script>