<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Page</title>
<script type="text/javascript" language="javascript">
function fPng(element){
if(/MSIE (5\.5|6).+Win/.test(navigator.userAgent)){
var src;
if(element.tagName == 'IMG'){
if(/\.png$/.test(element.src)){
src = element.src;
element.src = "images/blank.gif";
}
}else{
src = element.currentStyle.backgroundImage.match(/url\("(.+\.png)"\)/i)
if(src){
src = src[1];
element.runtimeStyle.backgroundImage="none";
}
}
if(src)
element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
}
}
</script>
<script type="text/javascript">
var
section_selected = new String('secChannels');
function set_SwitchSection(fSection){
document.getElementById('sec'+fSection+'_left').innerHTML = '<img alt=" " src="images/selected_left.png" width="7" height="25" style="filter: expression(fPng(this));">';
document.getElementById('sec'+fSection+'_right').innerHTML = '<img alt=" " src="images/selected_right.png" width="7" height="25" style="filter: expression(fPng(this));">';
document.getElementById(section_selected+'_left').innerHTML = '';
document.getElementById(section_selected+'_right').innerHTML = '';
document.getElementById('sec'+fSection).style.backgroundImage = document.getElementById(section_selected).style.backgroundImage;
//document.getElementById(section_selected).removeAttribute('style');
document.getElementById(section_selected).style.backgroundImage = '';
section_selected = 'sec'+fSection;
}
</script>
</head>
<body>
<div id="MainDIV" style="top: 10px; left: 10px; bottom: 10px; width: 600px; position: absolute;">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;" class="forum_main_table">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tr>
<td class="forum_main_title_head">
<table border="0" cellpadding="9" cellspacing="0" style="width: 100%" class="main_head">
<tr>
<td nowrap="nowrap" style="width: 536px; padding: 0; vertical-align:top;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><table border="0" cellpadding="0" cellspacing="0"><tr>
<td id="secChannels_left" style="width: 7px"><img alt=" " src="images/selected_left.png" width="7" height="25" style="filter: expression(fPng(this));"></td>
<td id="secChannels" style="background-image: url('images/selected_middle.png'); width: 120px; text-align:center; filter: expression(fPng(this));" class="section_selected"><a href="javascript:set_SwitchSection('Channels');">
Section 1</a></td>
<td id="secChannels_right" style="width: 7px">
<img alt=" " src="images/selected_right.png" width="7" height="25" style="filter: expression(fPng(this));"></td>
</tr>
</table></td>
<td><table border="0" cellpadding="0" cellspacing="0"><tr>
<td id="secFilms_left" style="width: 7px">
</td>
<td id="secFilms" style="width: 120px; text-align:center; filter: expression(fPng(this));"><a href="javascript:set_SwitchSection('Films');" class="section_notselected">Section 2</a></td>
<td id="secFilms_right" style="width: 7px">
</td>
</tr>
</table></td>
<td></td>
</tr>
</table>
</td>
<td width="40" align="right"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</div>
</body>
</html>