// JavaScript Document
//var Timer = null;
var OpacityValues = {"msgBoxMask":{"OpacityValue":0,"isLight":true,"Timer":null},"leftMask":{"OpacityValue":0,"isLight":true,"Timer":null},"centerMask":{"OpacityValue":0,"isLight":true,"Timer":null},"rightMask":{"OpacityValue":0,"isLight":true,"Timer":null},"bottomMask":{"OpacityValue":0,"isLight":true,"Timer":null}};

var OpacityValue=0;
var ScrollTop = 0;
var ScrollLeft = 0;
var isLight=false;
var TVMode=1;
var isSetMask=false;
function initOpacityValue(obj){
	try{
	obj.filters("alpha").opacity = 0;
	}catch(e){};
	obj.style.opacity = 0;
	obj.style.display = "block";
	eval("OpacityValues."+obj.id+".OpacityValue=0");
    eval("OpacityValues."+obj.id+".isLight=false;");
}
function mask(obj,isFull){// dim obj
	if(eval("OpacityValues."+obj.id+".isLight")==false) return;
ScrollTop = GetBrowserDocument().scrollTop;
ScrollLeft = GetBrowserDocument().scrollLeft;
//GetBrowserDocument().style.overflow = "hidden";
GetBrowserDocument().scrollTop = ScrollTop;
GetBrowserDocument().scrollLeft = ScrollLeft;
initOpacityValue(obj);
if(isFull){
obj.style.height = GetBrowserDocument().scrollHeight + "px";
obj.style.width = GetBrowserDocument().scrollWidth + "px";
}
fade(obj)
}

function fade(obj){
   eval("OpacityValues."+obj.id+".OpacityValue=0");
   setTimeout(function(){DoAlpha(obj)},500);
}

function GetBrowserDocument()
{
var _dcw = document.documentElement.clientHeight;
var _dow = document.documentElement.offsetHeight;
var _bcw = document.body.clientHeight;
var _bow = document.body.offsetHeight;
if(_dcw == 0) return document.body;
if(_dcw == _dow) return document.documentElement;
if(_bcw == _bow && _dcw != 0)
return document.documentElement;
else
return document.body;
}

function SetOpacity(obj,opacity){
if(opacity >=1 ) opacity = opacity / 100;
try{obj.style.opacity = opacity; }catch(e){}
try{
if(obj.filters){
obj.filters("alpha").opacity = opacity * 100;
}
}catch(e){}
}
function DoAlpha(obj){
    if (eval("OpacityValues."+obj.id+".OpacityValue") > 85){
	    eval("clearTimeout(OpacityValues."+obj.id+".Timer)");
		return ;
	}
      eval("OpacityValues."+obj.id+".OpacityValue+=15");
      SetOpacity(obj,eval("OpacityValues."+obj.id+".OpacityValue"));  
	  var Timer = setTimeout(function(){DoAlpha(obj)},100)
	   
     eval("OpacityValues."+obj.id+".Timer= "+Timer);
}
function DoLight(id){
	if(TVMode!=2) return;
	var obj=document.getElementById(id)
	if(obj&&eval("OpacityValues."+id+".isLight")!=true){
		closeMask(id);
		setTimeout(function(){
					  mask(obj,false);
					},10000);
	
	}
}

//--------------------------------change mode-----------------------------------//

function changeMode(){
	closeMask('msgBoxMask');
	closeMask('leftMask');
	closeMask('centerMask');
	closeMask('rightMask');
	closeMask('bottomMask');
	TVMode=1;
	document.getElementById('modeSpan').innerHTML="<img id='modeImg0' src=\"http://pages.tvunetworks.com/webplayer/images/high_light.png\" onclick=\"maskAll()\" title=\"Lights Off\" alt=\"Lights Off\" onmouseover=\"changeImg(this,'http://pages.tvunetworks.com/webplayer/images/high_light_hover.png')\" />"
}


function hiddenMask(obj,id,theEvent){
	var ids=id.split(",")
	if(TVMode==2){	
		for(var i=0;i<ids.length;i++){
			if(eval("OpacityValues."+ids[i]+".isLight")==false){ //light obj	
			   closeMask(ids[i]);
			}
		}
	} 
}
function showMask(obj,id,e){//mouseout
if (e){
	var browser=navigator.userAgent; 
	if (browser.indexOf("MSIE")>0){
		if (obj.contains(event.toElement)) {
			return;
		}
	}else{
		if (obj.contains(e.relatedTarget)) {
			return;
		} 
	}
	var ids=id.split(",")
	if(TVMode==2){
			for(var j=0;j<ids.length;j++){
		        if(eval("OpacityValues."+ids[j]+".isLight")==true){//dim obj
					mask(document.getElementById(ids[j]),false);
				}
		    }
	 }
}
}
function maskAll(){
	try{
		if(TVMode==2) return;
		mask(document.getElementById("msgBoxMask"),false);
		mask(document.getElementById("leftMask"),false);
		mask(document.getElementById("centerMask"),false);
		mask(document.getElementById("rightMask"),false);
		mask(document.getElementById("bottomMask"),false);
		TVMode=2;
		document.getElementById('modeSpan').innerHTML="<img id='modeImg1' src=\"http://pages.tvunetworks.com/webplayer/images/low_light.png\" onclick=\"changeMode();isSetMask=true;\" title=\"Lights On\" alt=\"Lights On\"  onmouseover=\"changeImg(this,'http://pages.tvunetworks.com/webplayer/images/low_light_hover.png')\" />"
	}catch(e){
		setTimeout("maskAll()",1000);
	}
}
function closeMask(id){
	closeObj(id);
	eval("OpacityValues."+id+".OpacityValue=0");
	eval("OpacityValues."+id+".isLight=true");
}