<script language="javascript">
</script><style type="text/css">
body
{
background:#FFFFFF;
margin-left:0px;
margin-top:0px;
}
.tab-top
{
width:130px;
height:23px;
position:absolute;
left:6px;
top:15px;
}
.tab-middle
{
width:500px;
height:10px;
position:absolute;
top:37px;
left:3px;
border:1px solid #808080;
background-color:#C0C0C0;
}
</style>
<script src="js/commonjs.js" language="javascript"></script>
<script language="javascript">
<!--
var previousObj;
function ChangTab(ele,GetFocusImg,LostFocusImg){
if(previousObj==null){
previousObj=ele
}
else{
with(document.getElementById(previousObj).style){
backgroundImage='url('+LostFocusImg+')'
zIndex=0
}
previousObj=ele
}
with(document.getElementById(ele).style){
backgroundImage='url('+GetFocusImg+')';
zIndex=1;
}
}
//-->
</script>
<script src="js/commonjs.js" language="javascript"></script>
</HEAD>
<BODY>
<div id="tab1" class="tab-top" style="background-image:url(Images/bk.gif);" οnclick="ChangTab('tab1','Images/bk-white.gif','Images/bk.gif')">
</div>
<div id="tab2" class="tab-top" style="background-image:url(Images/bk.gif);left:125px" οnclick="ChangTab('tab2','Images/bk-white.gif','Images/bk.gif')">
</div>
<div id="tab3" class="tab-top" style="background-image:url(Images/bk.gif);left:244px" οnclick="ChangTab('tab3','Images/bk-white.gif','Images/bk.gif')">
</div>
<div class="tab-middle"></div>
<div id="content" class="">
</div>
body
{
background:#FFFFFF;
margin-left:0px;
margin-top:0px;
}
.tab-top
{
width:130px;
height:23px;
position:absolute;
left:6px;
top:15px;
}
.tab-middle
{
width:500px;
height:10px;
position:absolute;
top:37px;
left:3px;
border:1px solid #808080;
background-color:#C0C0C0;
}
</style>
<script src="js/commonjs.js" language="javascript"></script>
<script language="javascript">
<!--
var previousObj;
function ChangTab(ele,GetFocusImg,LostFocusImg){
if(previousObj==null){
previousObj=ele
}
else{
with(document.getElementById(previousObj).style){
backgroundImage='url('+LostFocusImg+')'
zIndex=0
}
previousObj=ele
}
with(document.getElementById(ele).style){
backgroundImage='url('+GetFocusImg+')';
zIndex=1;
}
}
//-->
</script>
<script src="js/commonjs.js" language="javascript"></script>
</HEAD>
<BODY>
<div id="tab1" class="tab-top" style="background-image:url(Images/bk.gif);" οnclick="ChangTab('tab1','Images/bk-white.gif','Images/bk.gif')">
</div>
<div id="tab2" class="tab-top" style="background-image:url(Images/bk.gif);left:125px" οnclick="ChangTab('tab2','Images/bk-white.gif','Images/bk.gif')">
</div>
<div id="tab3" class="tab-top" style="background-image:url(Images/bk.gif);left:244px" οnclick="ChangTab('tab3','Images/bk-white.gif','Images/bk.gif')">
</div>
<div class="tab-middle"></div>
<div id="content" class="">
</div>