/////////////////////////////////////////////////////////////////////////////////////////\
// BROWSER DETECTION

var a = navigator.userAgent.toLowerCase();
var isSF = (a.indexOf("safari") > 0) ? true : false;
var xmlhttp = null;
//var isReady = false;

/////////////////////////////////////////////////////////////////////////////////////////
// WHEN THE PAGE LOADS
// 

window.onload = function() {
	
	//if (document.getElementById("timelinead")) {
  //		if (isReady!=true){
  //			document.getElementById("timelinead").style.display = "none";	
  //		} 
  //		document.getElementById("timelinead").style.left = "662px";
 	//}
	
	if (document.getElementById("lyr1")) {
		var wndo = new dw_scrollObj('wn', 'lyr1');
		wndo.setUpScrollbar("dragBar", "track", "v", 1, 1);
		dw_scrollObj.GeckoTableBugFix('wn');
		//alert("1 works");
	}
	if (document.getElementById("lyr2")) {
		var wndo2 = new dw_scrollObj('wn2', 'lyr2');
		wndo2.setUpScrollbar("dragBar2", "track2", "v", 1, 1);
		dw_scrollObj.GeckoTableBugFix('wn2');
		//alert("2 works");
	}
	if (document.getElementById("lyr3")) {
		var wndo3 = new dw_scrollObj('wn3', 'lyr3');
		wndo3.setUpScrollbar("dragBar3", "track3", "v", 1, 1);
		dw_scrollObj.GeckoTableBugFix('wn3');
		//alert("3 works");
	}
	domRollover();
}

/////////////////////////////////////////////////////////////////////////////////////////
// POLL SUBMISSION
//

function submitDHTML(baseURL) {
	var length = document.forms.pollForm.poll.length;
	var flag = false;
	var displayOrder = 0;
	// Handles the form validation for Viewers Choice Poll page
	if (document.getElementById("viewersChoicePoll")) {
		var itemsCount = 0;
		if(document.forms.pollForm.poll[0]) {
			for (var a = 0; a < length; a++) {
				if (document.forms.pollForm.poll[a].checked) {
					itemsCount++;
				}
			}
		}
		
		if (itemsCount > 8) {
			alert("Please select 8 shows.");
			return;
		}
	}
	// Handles the form validation for Home page poll
	if(document.forms.pollForm.poll[0]) {
		for (var a = 0; a < length; a++) {
			if (document.forms.pollForm.poll[a].checked) {
				flag = true;
				displayOrder += document.forms.pollForm.poll[a].value + ',';
			}
		}
	} else {
		if (document.forms.pollForm.poll.checked) {
			flag = true;
			displayOrder = document.forms.pollForm.poll.value;
		}
	}
	if (flag) {
		xmlhttp=GetXmlHttpObject();
		var url=baseURL;
		xmlhttp.onreadystatechange=function() {
			if (xmlhttp.readyState == 4) {
		        if (xmlhttp.status == 200) {
		        	var pollResult = document.getElementById("pollResult");
		        	var pollEnded = document.getElementById("pollEnded");
		        	var xml = xmlhttp.responseXML;
		        	
		        	var isViewersChoiceEnded = false;
		        	if (xml.getElementsByTagName('viewersChoiceEnded')[0].firstChild) {
		        		isViewersChoiceEnded = xml.getElementsByTagName('viewersChoiceEnded')[0].firstChild.data;
		        	}
		        	
		        	var sumTotal = xml.getElementsByTagName('sumTotal')[0].firstChild.data;
		        	var answers = xml.getElementsByTagName('pollAnswer');
		        	for(var i=0;i<answers.length;i++) {
		        		var answer = answers[i];
		        		var total = answer.getElementsByTagName('total')[0].firstChild.data;
		        		var order = answer.getElementsByTagName('order')[0].firstChild.data;
		        		var barWidth = 100;
		        		if(sumTotal > 0) {
		        			barWidth = (100*total)/sumTotal;
		        		}
		        		var pollBar = document.getElementById("pollBar_" + order);
		        		var pollEndedBar = document.getElementById("pollEndedBar_" + order);
		        		pollBar.style.width = barWidth + "%";
		        		if (pollEndedBar) {
		        			pollEndedBar.style.width = barWidth + "%";
		        		}
		        		var pollLabel = document.getElementById("pollBarLabel_" + order);
		        		if (pollLabel) {
		        		  pollLabel.innerHTML = Math.round((total*100)/sumTotal) + "%";
		        		}
		        	}
		        	if (isViewersChoiceEnded == 'true') {
		        	  pollEnded.style.display = "block";
		        	} else {
		        	  pollResult.style.display = "block";
		        	}
		        } else {
		        	//Do something here?
		        }
		    }
		}
		xmlhttp.open('POST', url, true);
		xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		xmlhttp.send("displayOrder="+ displayOrder);
		document.getElementById("pollTaker").style.display = "none";
	} else {
		alert ("Please select an option before submitting poll.");
	}
}

function GetXmlHttpObject(handler)
{ 
	var objXMLHttp=null
	if (window.XMLHttpRequest)
	{
		objXMLHttp=new XMLHttpRequest();
	}
	else if (window.ActiveXObject)
	{
		objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	return objXMLHttp;
} 

function network() {
	box = document.dropdown.navi;
	destination = box.options[box.selectedIndex].value;
	if (destination) location.href = destination;
}


/////////////////////////////////////////////////////////////////////////////////////////
// IMAGE ROLLOVERS
// This script changes the image on rollover
// Usage: class="domroll [path and name of image]"

function domRollover() {
	if (navigator.userAgent.match(/Opera (\S+)/)) {
		var operaVersion = parseInt(navigator.userAgent.match(/Opera (\S+)/)[1]);
	}
	if (!document.getElementById||operaVersion <7) return;
	var imgarr=document.getElementsByTagName('img');
	var imgPreload=new Array();
	var imgSrc=new Array();
	var imgClass=new Array();
	for (i=0;i<imgarr.length;i++){
		if (imgarr[i].className.indexOf('domroll')!=-1){
			imgSrc[i]=imgarr[i].getAttribute('src');
			imgClass[i]=imgarr[i].className;
			imgPreload[i]=new Image();
			if (imgClass[i].match(/domroll (\S+)/)) {
				imgPreload[i].src = imgClass[i].match(/domroll (\S+)/)[1]
			}
			imgarr[i].setAttribute('xsrc', imgSrc[i]);
			imgarr[i].onmouseover=function(){
				this.setAttribute('src',this.className.match(/domroll (\S+)/)[1])
			}
			imgarr[i].onmouseout=function(){
				this.setAttribute('src',this.getAttribute('xsrc'))
			}
		}
	}
}


/////////////////////////////////////////////////////////////////////////////////////////
// DHTML MENU SWAP FIX
// This script solves the no-psuedo classes for IE problem with the dhtml menu

// Detect IE
var isIE = (navigator.userAgent.toLowerCase().indexOf("msie") > 0) ? true : false;

initNavBar = function() {
	// first we need to shorten the hgt of the bar itself
	var navContainer = document.getElementById('mainnav');
	if (navContainer) navContainer.style.height = "16px";
	
	// then we need to move items up to eliminate gaps
	var hasMenu = document.getElementById('mainnav');
	var menuBlocks = (hasMenu) ? document.getElementById('mainnav').getElementsByTagName('ul') : null;
	if (menuBlocks) {
		for (var i = 0; i < menuBlocks.length; i++) {
			var targElem = menuBlocks[i];
			var par = targElem.parentNode;
				var parpar = par.parentNode;
				var parparpar = parpar.parentNode;
			if (parparpar.id == 'mainnav') {
				targElem.style.top = "13px";
			}
		}
	}
}			
if (isSF) window.addEventListener("load", initNavBar, true);


sfHover = function() {
	var hasMenu = document.getElementById('mainnav');
	var liElems = (hasMenu) ? document.getElementById('mainnav').getElementsByTagName('li') : null;
	if (liElems) {
		for (var i = 0; i < liElems.length; i++) {
			if (liElems[i]) {
				liElems[i].onmouseover = function() {
					this.className += " sfhover";
					var ulElem = this.getElementsByTagName('ul');
					for (var j = 0; j < ulElem.length; j++) {
						var targUlElem = ulElem[j];
						var nextTag = targUlElem.firstChild;
						if (nextTag.nodeName != 'IFRAME') {
							var ulMat = document.createElement('iframe');
							ulMat.style.width = targUlElem.offsetWidth + "px";
							ulMat.style.height = targUlElem.offsetHeight + "px";
							targUlElem.insertBefore(ulMat, targUlElem.firstChild);
							targUlElem.style.zIndex = "99";
						}
						else {
							nextTag.style.width = targUlElem.offsetWidth + "px";
							nextTag.style.height = targUlElem.offsetHeight + "px";
						}
					}
				}
			}
			liElems[i].onmouseout = function() {
				this.className = this.className.replace(' sfhover', '');
			}
		}
	}
}
if (window.attachEvent) window.attachEvent('onload', sfHover);

////////////////////////////////////////////////////////////////////
//  getElementsByClass(name of class)
//  Retrieves all classes on the page and extracts the desired class

function getElementsByClass(maClass) {
   	var tabRetour = new Array();
     	var tabTmp = new Array();
     	tabTmp = document.getElementsByTagName("*");
     	j=0;
      	for (i=0; i<tabTmp.length; i++) {
       	if (tabTmp[i].className==maClass) {
           	tabRetour[j]=tabTmp[i];
        		j++;						
        	} 
       }
      	return tabRetour;
}


///////////////////////////////////////////////////////////////////
//  DHTML Layer Tooltip rollover
//  Retrieves hidden layer and reveals it on a link

function getposOffset(overlay, offsettype, num) {
	if (num == 0) {
		num = (isIE)? 2 : 15;  
	}
	var totaloffset=(offsettype=="left")? overlay.offsetLeft : overlay.offsetTop;
	var parentEl=overlay.offsetParent;
	while (parentEl!=null){
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop + num;
		parentEl=parentEl.offsetParent;
	}
	return totaloffset;
}

function overlay(curobj, subobj, num) {
	if (document.getElementById) {
		var subobj=document.getElementById(subobj)
		subobj.style.left=getposOffset(curobj, "left", num)+"px";
		subobj.style.top=getposOffset(curobj, "top", num)+"px";
		subobj.style.display="block";
		//return false;		
	}
	//else return true;
}

function overlayclose(subobj) {
	document.getElementById(subobj).style.display="none";
}


/////////////////////////////////////////////////////////////////////////////////////////
// TAB ROLLOVERS
// Tabs are located in search results and in videos and speeches


function tabOnSelect (num, maxnum, imageName, flag, bannerloc) {	

	document.getElementById(bannerloc).src = "skyscraper.html";

	// checks to see if it's ontv and changes the toolbar accordingly
	if (flag == 1) {
		getElementsByClass('infobar')[0].style.display = "block";
		getElementsByClass('infoline')[0].style.display = "none";
		getElementsByClass('infobar')[1].style.display = "block";
		getElementsByClass('infoline')[1].style.display = "none";
	} else {
		getElementsByClass('infobar')[0].style.display = "none";
		getElementsByClass('infoline')[0].style.display = "block";
		getElementsByClass('infobar')[1].style.display = "none";
		getElementsByClass('infoline')[1].style.display = "block";
	}
	
	// changes the image to on and checks for on and changes it to off
	for (var i = 0; i < maxnum; ++i)  {
		image_obj = eval("document.img" + i);
		if (i == num) {		
			image_obj.src = imageName + "on.gif";
		} else {
			var imagesource = image_obj.src.indexOf("on.gif");
			if (imagesource != -1) {
				var temp = image_obj.src.slice(0, imagesource);
				temp = temp + "off.gif";
				image_obj.src = temp;
			}
		}
	}
	
	// changes the style of the text
	getElementsByClass('results')[num].style.paddingBottom = "15px";
	getElementsByClass('results')[num].style.backgroundColor = "#FFFFFF";
	getElementsByClass('results')[num].style.color = "#530000";	
	
		
	// display result of corresponding tab
	var display = eval ("document.getElementById('sr" + num + "')");
	display.style.display = "block";
	
	if (num < (maxnum - 1)) {
		getElementsByClass('tab')[num + 1].style.borderLeft = "none";	
	}
	getElementsByClass('tab')[num].style.borderRight = "1px solid #EAB452";
	
	// changes the style of the other tabs	
	for (var j = 0; j < maxnum; ++j) {
		if (j != num) {
			getElementsByClass('tab')[j].style.marginTop = "20px";
			getElementsByClass('results')[j].style.paddingBottom = "5px";
			getElementsByClass('results')[j].style.backgroundColor = "#530000";
			getElementsByClass('results')[j].style.color = "#FFFFFF";
			
			// kill other search results
			var display = eval ("document.getElementById('sr" + j + "')");
			display.style.display = "none";
			
			if (j < (maxnum - 1)) {
				getElementsByClass('tab')[j + 1].style.borderLeft = "1px solid #EAB452";
			}
			if (j != (maxnum - 1)) {
				getElementsByClass('tab')[j].style.borderRight = "none";
			}
		} else {
			getElementsByClass('tab')[j].style.marginTop = "10px";
		}
	}	
}


/////////////////////////////////////////////////////////////////////////////////////////
// FORM CHECK
// Check if required fields are filled


function formCheck (element1, element2, element3, element4) {
	var filled = true;
	
	if (document.forms[0][element1].value == '') {
		filled = false;
		document.getElementById('error').innerHTML = 'Please enter ' +  charReplace(element1);
	} else if (document.forms[0][element2].value == '') {
				filled = false;
				document.getElementById('error').innerHTML = 'Please enter ' +  charReplace(element2);
			} else 	if (document.forms[0][element3].value == '') {
						filled = false;
						document.getElementById('error').innerHTML = 'Please enter ' + charReplace(element3);
					} else 	if (document.forms[0][element4].value == '') {
								filled = false;
								document.getElementById('error').innerHTML = 'Please enter ' +  charReplace(element4);
							}
	if (filled) {
		document.forms[0].submit();
	}				
	
	function charReplace (elem) {
		return String(elem).replace(/_/,' ');
	}
		
}

/////////////////////////////////////////////////////////////////////////////////////////
// POP-UP
// Global pop ups

// set scrollbars to 1 to enable
function openwin (filename, w, h, scrollbars) {
	var w = (w == null) ? "490" : w;
	var h = (h == null) ? "600" : h;
	var scrollbars = (scrollbars == null) ? 0 : scrollbars;
	var mainWin = window.open (filename, 'main', 'width=' + w + ',height=' + h + ', scrollbars=' + scrollbars + ', resizeable=1, menubar=0');
	mainWin.resizeTo(w, h); // resize if already open
	if (window.focus) {mainWin.focus()}
}

function openWinMyPlaylist(url, params) {
    var url = url + params; 
    window.open(url,'bbplaylistwin','width=800,height=500,scrollbars=1,resizeable=0');
}

function openWinMyPlaylistEmail(url) {
    window.open(url,'bbemailwin','width=490,height=600,scrollbars=1,resizeable=0,status=1');
}

function omniture_track_video_PLAY(network, channel_show, clip, player, format) {
		var s_wd=window,s_tm=new Date;
		var campaign=""; try {campaign = getCookie('CAMPAIGN')} catch (ex) {}

		if (campaign == null) campaign = '';

		document.getElementById("omniDiv").innerHTML =
			'<img src="http://aetv.112.2O7.net/b/ss/aebiographyvideo/1/H.2--NS/0' + s_tm.getTime()
			+'?pageName=' + network + ':' + channel_show + ':' + clip
			+'&c5=' + campaign
			+'&c6=' + player
			+'&c7=' + format
			+ '"'
			+' height="1" width="1" border="0" />';
	}

function trackVideo(suiteName, format, location, showTitle, clipTitle){
	var url = "http://"+suiteName+".112.2O7.net/b/ss/"+suiteName+"/1/H.2--NS/0?";
		
	var pageName = "THC:"+showTitle+":"+clipTitle;
	url += "pageName="+pageName;
	url += "&channel=" + location;
	url += "&c4="+showTitle;
	url += "&c7="+format;
	
	document.getElementById("omnidiv").innerHTML=
	'<img src="'+url+'" height="1" width="1" border="0"/>';
}