Start Building Professional
Web Apps Today

Setting a Tab Active

Hi,
I have 2 tabbar's on the same page. One as left and one as top.
The left tabbar has 2 tabs : Vol1 and Vol2 while the top tabbar has two tabs : abc and xyz.
What i want is the following combination:
Part 1:
left.tab == vol1 && top.tab == abc : Then display some content
left.tab == vol2 && top.tab == abc : Then display some content
left.tab == vol1 && top.tab == xyz : Then display some content
left.tab == vol2 && top.tab == xyz : Then display some content

Part2 :
Also, whenever i have left.tab == vol1 or left.tab == vol2 then top.tab = abc;

I tried using tab.setOnSelectHandler() which does Part1 but i am not able to do Part 2.
Can you please help me

>>I tried using tab.setOnSelectHandler() which does Part1 but i am not able to do Part 2.
It can be done as 
      tab1.attachEvent("onSelect",function(id){  //alias for setOnSelectHandler
              if (id == "vol1")
                   tab2.setTabActive("abc"); //will trigger onSelect for tab2
              else {
                    //some custom logic
              }
      }) 

thank you for your quick response