var IE = document.all ? true : false;
var IPHONE = navigator.userAgent.indexOf('iPhone') != -1 ? true : false;
if (IPHONE == false) IPHONE = navigator.userAgent.indexOf('Android') != -1 ? true : false;
var doubleclick = 0
var tempX = 0
var mastertabvar=new Object()
mastertabvar.baseopacity=0
mastertabvar.browserdetect=""

function showsubmenu(masterid, id){
if (typeof highlighting!="undefined")
clearInterval(highlighting)
submenuobject=document.getElementById(id)
//mastertabvar.browserdetect=submenuobject.filters? "ie" : typeof submenuobject.style.MozOpacity=="string"? "mozilla" : ""
mastertabvar.browserdetect=IE? "ie" : typeof submenuobject.style.MozOpacity=="string"? "mozilla" : ""
hidesubmenus(mastertabvar[masterid])
submenuobject.style.display="block"
if (id == 'Chid9') {
document.getElementById(id).style.right="180px"
//document.getElementById('trans'+id).style.width="125px"
} else if (id == 'Chid7') {
document.getElementById(id).style.right="40px"
} else if (id == 'Chid6') {
document.getElementById(id).style.right="380px"
//document.getElementById('trans'+id).style.width="272px"
} else if (id == 'Chid5') {
document.getElementById(id).style.right="10px"
} else if (id == 'Chid3') {
document.getElementById(id).style.right="350px"
//document.getElementById('trans'+id).style.width="199px"
} else if (id == 'Chid4') {
document.getElementById(id).style.right="600px"
//document.getElementById('trans'+id).style.width="200px"
} else if (id == 'Chid241') {
document.getElementById(id).style.right="294px"
}
//submenuobject.style.left=tempX+"px"
instantset(mastertabvar.baseopacity)
highlighting=setInterval("gradualfade(submenuobject)",50)
}

function hidesubmenus(submenuarray){
if (submenuarray.length > 0) {
for (var i=0; i<submenuarray.length; i++)
document.getElementById(submenuarray[i]).style.display="none"
}
}

function instantset(degree){
if (mastertabvar.browserdetect=="mozilla")
submenuobject.style.MozOpacity=degree/100
else if (mastertabvar.browserdetect=="ie") {
if (typeof submenuobject.filters == 'object') {
submenuobject.filters.alpha.opacity=degree
//submenuobject.filters='alpha(opacity='+degree+')';
}
}
}


function gradualfade(cur2){
if (mastertabvar.browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
else if (mastertabvar.browserdetect=="ie")
if (typeof cur2.filters == 'object' && cur2.filters.alpha.opacity<100) {
cur2.filters.alpha.opacity+=10
}
else if (typeof highlighting!="undefined") //fading animation over
clearInterval(highlighting)
}

function initalizetab(tabid){
  mastertabvar[tabid]=new Array()
  var menuitems=document.getElementById(tabid).getElementsByTagName("li")
  for (var i=0; i<menuitems.length; i++){
    if (menuitems[i].getAttribute("rel")){
      menuitems[i].setAttribute("rev", tabid) //associate this submenu with main tab
      mastertabvar[tabid][mastertabvar[tabid].length]=menuitems[i].getAttribute("rel") //store ids of submenus of tab menu
      if (menuitems[i].className=="selected")
      showsubmenu(tabid, menuitems[i].getAttribute("rel"))
	  if (IPHONE) {
        menuitems[i].getElementsByTagName("div")[0].onclick=function(e){
var rel = this.parentNode.getAttribute("rel")
if (this.className != 'maintabright' && this.className != 'maintableft') this.className = 'maintabdiv onhover'
var lis = this.parentNode.parentNode.getElementsByTagName("li")
for (var i=0; i<lis.length; i++) {
if (lis[i].getAttribute("rel") != rel && lis[i].getElementsByTagName("div")[0].className == 'maintabdiv onhover') lis[i].getElementsByTagName("div")[0].className = 'maintabdiv'
}
          var chid = this.parentNode.getAttribute("rel")
          chid = chid.substr(4)
          var vcrm = this.parentNode.getAttribute("vcrm")
if (doubleclick == chid) top.location.href = '/channel?chid='+chid+'&vcrm='+vcrm
doubleclick = chid
          tempX = e.pageX
          tempX = tempX - 80
          if (tempX < 0) tempX = 0
          showsubmenu(this.parentNode.getAttribute("rev"), this.parentNode.getAttribute("rel"))
        }
        menuitems[i].getElementsByTagName("div")[0].onmouseout=function(){
//if (this.className != 'maintabright' && this.className != 'maintableft') this.className = 'maintabdiv'
		  var child = this.parentNode.getAttribute("rel")
          $('#'+child).hover(function(){}, function(){
            hidesubmenus(mastertabvar[tabid])
          })
        }
	  } else {
        menuitems[i].getElementsByTagName("div")[0].onclick=function(){
          var chid = this.parentNode.getAttribute("rel")
          chid = chid.substr(4)
          var vcrm = this.parentNode.getAttribute("vcrm")
          top.location.href = '/channel?chid='+chid+'&vcrm='+vcrm
        }
        menuitems[i].getElementsByTagName("div")[0].onmouseover=function(e){
var rel = this.parentNode.getAttribute("rel")
if (this.className != 'maintabright' && this.className != 'maintableft') this.className = 'maintabdiv onhover'
var lis = this.parentNode.parentNode.getElementsByTagName("li")
for (var i=0; i<lis.length; i++) {
if (lis[i].getAttribute("rel") != rel && lis[i].getElementsByTagName("div")[0].className == 'maintabdiv onhover') lis[i].getElementsByTagName("div")[0].className = 'maintabdiv'
}
          if (IE) { 
            tempX = event.clientX + document.body.scrollLeft
            tempX = tempX - 80
          } else {
            tempX = e.pageX
            tempX = tempX - 80
          }
          if (tempX < 0) tempX = 0
          showsubmenu(this.parentNode.getAttribute("rev"), this.parentNode.getAttribute("rel"))
        }
        menuitems[i].getElementsByTagName("div")[0].onmouseout=function(){
var onhover = this
		  var child = this.parentNode.getAttribute("rel")
          $('#'+child).hover(function(){}, function(){
if (onhover.className != 'maintabright' && onhover.className != 'maintableft') onhover.className = 'maintabdiv'
            hidesubmenus(mastertabvar[tabid])
          })
this.className = onhover.className
        }
	  }
    } else {
      menuitems[i].getElementsByTagName("div")[0].onmouseover=function(e){
if (this.className != 'maintabright' && this.className != 'maintableft') this.className = 'maintabdiv onhover'
var rel = this.parentNode.getAttribute("rel")
var lis = this.parentNode.parentNode.parentNode.getElementsByTagName("li")
for (var i=0; i<lis.length; i++) {
if (lis[i].getAttribute("rel") != rel && lis[i].getElementsByTagName("div")[0].className == 'maintabdiv onhover') lis[i].getElementsByTagName("div")[0].className = 'maintabdiv'
}
      }
      menuitems[i].getElementsByTagName("div")[0].onmouseout=function(){
if (this.className != 'maintabright' && this.className != 'maintableft') this.className = 'maintabdiv'
      }
	  if (menuitems[i].getElementsByTagName("a").length) {
        menuitems[i].getElementsByTagName("a")[0].onmouseover=function(e){
		  hidesubmenus(mastertabvar[tabid])
		}
	  }
	}
  }
}