Как сделать переключение источников tab

[midich]

Привет, делаю сайт по телеканалам, при нажатии на источник 1 один открывается один плеер, при нажатии на источник 2 другой, на той же странице, а как сделать чтобы на каждом источнике был только один плеер. Вот фото и код ниже как у меня получилось


А хочу как тут

<ul id="myTab" class="nav nav-tabs">
	<li><a href="#tab1" data-toggle="tab">
Источник 1
</a></li>

	<li><a href="#tab2" data-toggle="tab">
Источник 2</a>&nbsp;</li>
</ul>
<!--noindex--> 
<iframe name="rtv" width="640px" height="362px" frameborder="0" border="0" scrolling="no" src="http://otr.webcaster.pro/schedule?uid=12&type_id=&width=560&height=360&autostart=1" style="left: -0px; top: -0px;"></iframe> 
<!--/noindex--> 

<div class="tab-pane fade" id="tab1">
<div id="player-box">
                                    
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="680" height="520" id="flashObject" align="middle">
<param name="allowScriptAccess" value="always">
<param name="autostart" value="true">
<param name="allowFullScreen" value="true">
<param name="movie" value="http://clients.cdnet.tv/flashplayer/player2.swf">
<param name="quality" value="hi">
<param name="bgcolor" value="#000000">
<param name="flashVars" value="userid=0&amp;videoid=1023&amp;videotype=stream&amp;session=ZcXTmg9IdtRnx2m9SNifzeNh3i0lNIjD">
<embed id="embedObject" src="http://clients.cdnet.tv/flashplayer/player2.swf?date=" flashvars="userid=0&amp;videoid=1023&amp;videotype=stream&amp;session=ZcXTmg9IdtRnx2m9SNifzeNh3i0lNIjD" quality="hi" bgcolor="#000000" width="680" height="520" name="flashObject" align="middle" allowscriptaccess="always" allowfullscreen="true" autostart="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></object>

</div>

<div class="tab-pane fade" id="tab2">

<!--noindex--> 
<iframe name="rtv" width="640px" height="362px" frameborder="0" border="0" scrolling="no" src="http://otr.webcaster.pro/schedule?uid=12&type_id=&width=560&height=360&autostart=1" style="left: -0px; top: -0px;"></iframe> 
<!--/noindex-->

[midich]

вот скриншоты, на первом как у меня а хочу как на второй фотке

[Naive]

jquery-UI / tabs — самое простое
p.s. только не делай дизайн как справа, выглядит отвратительно

[midich]

Спасибо большое, ни в коем случае, это был только пример, согласен выглядит отвратительно, удивлен что тот сайт в топе по данной тематике.