preLoadInterfaceImages = function()
{
	var i = 0;
	imageObj = new Image();
	
	images = new Array();
	images[0]="/images/modal-windows/top-center-bottom-center.png"
	images[1]="/images/modal-windows/middle-left-middle-right.png"
	images[2]="/images/modal-windows/top-left.png"
	images[3]="/images/modal-windows/top-right.png"
	images[4]="/images/modal-windows/bottom-right.png"
	images[5]="/images/modal-windows/bottom-left.png"
	images[6]="/images/modal-windows/middle-center.png"
	images[7]="/images/drop-down/close.gif"

	// start preloading
	for(i=0; i<images.length; i++) 
	{
		imageObj.src=images[i];
	}
}

preLoadInterfaceImagesWithDelay = function()
{
	window.setTimeout("preLoadInterfaceImages()",5000);
}

search = function(folder) //url)
{
    var keyword = $('txtKeyword').value;
    keyword = keyword.replace(/</g, "");
    keyword = keyword.replace(/>/g, "");
    keyword = keyword.replace(/\?/g, "");
    keyword = keyword.replace(/\!/g, "");
    keyword = keyword.replace(/\"/g, "");
    keyword = keyword.replace(/\\/g, "");
    keyword = keyword.replace(/\[/g, "");
    keyword = keyword.replace(/\]/g, "");
    //alert(keyword);
    //location.href = url + '/search.aspx?q=' + keyword;
    location.href = '/' + folder + '/search.aspx?q=' + keyword;
}

goToRegion = function()
{
	var selector = $('dd-country-selector');
	var newIndex = selector.selectedIndex; 
	selectedOption = selector.options[newIndex].value; 

	window.location.assign(selectedOption); 
}

addEventToObject = function(obj,evt,func) {
 var oldhandler = obj[evt];
 obj[evt] = (typeof obj[evt] != 'function') ? func : function(ev){oldhandler(ev);func(ev);};
}

// Sets the value for the keyword search textfield on various user events
var keywordSearchInput = {
 init : function()
  {
  
  var smartKeyword = $('txtKeyword');
  
  if (smartKeyword)
   {
   smartKeyword.value = "Find TV Program...";
   addEventToObject(smartKeyword,'onclick',keywordSearchInput.click);
   addEventToObject(smartKeyword,'onblur',keywordSearchInput.blur);
   smartKeyword.value = "Find TV Program...";
   } 
  },
 click : function()
  {
  var smartKeyword = $('txtKeyword');
  if (smartKeyword.value == "Find TV Program...")
   {
   smartKeyword.value = "";
   }
    },
 blur : function()
  {
  var smartKeyword = $('txtKeyword');
  if (smartKeyword.value == "" || smartKeyword.value == " ") {smartKeyword.value = "Find TV Program...";}
  }
 };
 
// Handle table zebra striping
// ----------------------------------------------
stripetableBody = function()
{
	if (!document.getElementsByTagName) return false;
	var tableBody = document.getElementsByTagName("tbody");
	for (var i=0; i<tableBody.length; i++)
	{
		if (tableBody[i].getAttribute("class") == "alternate-table-rows" || tableBody[i].getAttribute("className") == "alternate-table-rows")
		{
			var odd = false;
			var rows = tableBody[i].getElementsByTagName("tr");
			for (var j=0; j<rows.length; j++)
			{
				if (odd == true)
				{
					addClass(rows[j],"alternate");
					odd = false;
      			}
				else
				{
					odd = true;
		  		}
			}
	  	}
	}
}

// Add classes to selectors
// ----------------------------------------------
addClass = function(element,value)
{
	if (!element.className)
	{
    	element.className = value;
	}
	else
	{
    	newClassName = element.className;
	    newClassName+= " ";
	    newClassName+= value;
	    element.className = newClassName;
  	}
}

// Handle the launching of new browser windows for offsite links as well as non-web files.
// ----------------------------------------------
scanForExternalLinks = function()
{
	if (!document.getElementsByTagName) return false;
	var anchors = document.getElementsByTagName("a");
	for (var i=0; i<anchors.length; i++)
	{
		var anchor = anchors[i];
		if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external")
		{
			anchor.href = "javascript:getOffsiteLink('"+anchor.getAttribute("href")+"');";
		}
		else if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "nonWebDocument")
		{
			anchor.href = "javascript:getFile('"+anchor.getAttribute("href")+"');";
		}
		else if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "popup")
		{
			anchor.href = "javascript:getFile('"+anchor.getAttribute("href")+"');";
		}
	}
}

getOffsiteLink = function(href)
{
	attributes = 'scrollbars=yes,toolbar=yes,menubar=yes,status=yes,directories=no,location=yes,resizable=yes';
	newWindow = window.open(href,'',attributes);
	newWindow.focus();
}

getFile = function(href)
{
	attributes = 'scrollbars=yes,toolbar=no,menubar=no,status=no,directories=no,location=no,resizable=yes';
	newWindow = window.open(href,'',attributes);
	newWindow.focus();
}

// Assist the behaviour and presentation of form elements
// ----------------------------------------------
scanForFormElements = function()
{
	if (!document.getElementsByTagName) return false;
	var anchors = document.getElementsByTagName("input");
	for (var i=0; i<anchors.length; i++)
	{
		var anchor = anchors[i];
		if ((anchor.getAttribute("type") == "text") || (anchor.getAttribute("type") == "password"))
		{
			if (anchor.className!="noCSS")
			{
				addClass(anchor,'textfield');	
			}
		}
		if ((anchor.getAttribute("type") == "button") || (anchor.getAttribute("type") == "submit"))
		{
			if (anchor.className!="noCSS")
			{
				addClass(anchor,'button');
			}
		}
	}
}

setFocus = function(selectorID)
{
	$(selectorID).select();
}

// Cookie Functions
// ----------------------------------------------
newCookie = function(name,value)
{
	var date = new Date();
	date.setTime(date.getTime()+(24*60*60*1000));
	var expires = "; expires="+date.toGMTString();
	document.cookie = name+"="+value+expires+"; path=/";
}

readCookie = function(name)
{
	var nameSG = name + "=";
	var nuller = '';
	if (document.cookie.indexOf(nameSG) == -1)
	return nuller;

	var ca = document.cookie.split(';');
	for(var i=0; i<ca.length; i++)
	{
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameSG) == 0) return c.substring(nameSG.length,c.length);
	}
	return null;
}

eraseCookie = function(name)
{
	newCookie(name,"",1);
}

// Page textures
// ----------------------------------------------
workWithRandomNumbers = function(maximumNumber)
{
	if (Math.random && Math.floor)
	{
		var randomNumber= Math.floor(Math.random()*(maximumNumber));
		return randomNumber;
	}
}

var useCookie     = true;			// Set to either true or false
var viewportClass = new Array()
var whichClass;

if (Math.random && Math.floor)
{
	viewportClass[0]  = "texture-type-01";
	viewportClass[1]  = "texture-type-02";
	viewportClass[2]  = "texture-type-03";
	viewportClass[3]  = "texture-type-04";
	viewportClass[4]  = "texture-type-05";
	viewportClass[5]  = "texture-type-06";
	viewportClass[6]  = "texture-type-07";
	viewportClass[7]  = "texture-type-08";
}

var pageTexture = readCookie('onthebox-page-texture')

if (pageTexture!=null&&pageTexture!='undefined'&&pageTexture!='')
{
	if (pageTexture>=(viewportClass.length - 1))
	{
		whichClass = workWithRandomNumbers(viewportClass.length);
	}
	else
	{
		whichClass = parseInt(pageTexture) + 1;
		newCookie('onthebox-page-texture',whichClass);
	}
}

else
{
	newCookie('onthebox-page-texture',0);
	whichClass = 0;
}

var appliedViewportClass = viewportClass[whichClass];

function applyViewportClass()
{
	if (whichClass>=(viewportClass.length - 1))
		{
			whichClass = workWithRandomNumbers(viewportClass.length);
		}
	else
		{
			whichClass = whichClass + 1;
		}
		
	appliedViewportClass = viewportClass[whichClass];
	
	$("viewport").className = appliedViewportClass;
}

// Code to work with page sizing and the presentation of modal windows
// ----------------------------------------------
Position.getPageSize = function()
{
	var xScroll, yScroll, scrollOffsetY;
	if (window.innerHeight && window.scrollMaxY)
	{  
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	}
	else if (document.body.scrollHeight > document.body.offsetHeight)
	{	// all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	}
	else
	{	// Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	if (self.pageYOffset)
	{
		scrollOffsetY = self.pageYOffset;
	}
	else if (document.documentElement && document.documentElement.scrollTop)
	{	 // Explorer 6 Strict
		scrollOffsetY = document.documentElement.scrollTop;
	}
	else if (document.body)
	{	// all other Explorers
		scrollOffsetY = document.body.scrollTop;
	}
	
	var windowWidth, windowHeight;
	if (self.innerHeight)
	{	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight)
	{	// Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	}
	else if (document.body)
	{	// other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	} 
	
	// for small pages with total height less then height of the viewport
	pageHeight = Math.max(windowHeight,yScroll);
	
	// for small pages with total width less then width of the viewport
	pageWidth = Math.max(windowWidth,xScroll);
	
	return {
		page:
		{
			width: pageWidth,height: pageHeight
		}, 
		window:
		{
			width: windowWidth,height: windowHeight
		},
		scroll:
		{
			top: scrollOffsetY
		}
	};
}

// Modal windows
// ----------------------------------------------
createOverlay = function()
{
	var objBody = document.getElementsByTagName("body").item(0);
	var objOverlay = document.createElement("div");
	
	objOverlay.setAttribute('id','overlay');
	objOverlay.style.display = 'none';
	objBody.appendChild(objOverlay);
}

openModalWindow = function(selectorID)
{
	//var overlayID = 'overlay';
	var v = Position.getPageSize();

	// Turn off scrollbars in the viewport as they render above the overlay //
	var tas = document.getElementsByTagName("textarea");
	for (var i = 0;i<tas.length;i++)
	{
		if (tas[i].className != "scrollOK")
		{
			tas[i].style.overflow = "hidden";
		}
	}
	if (BrowserDetect.browser=="Explorer")
		{
		var sels = document.getElementsByTagName("select");
		for (var s = 0;s<sels.length;s++)
			{
			if (sels[s].className != "scrollOK")
			    {
			    sels[s].style.visibility = "hidden";    
			    }
			}		
		}
		
	// Hide flash in the viewport as it interfers with the overlay //
	var flashObjects = (document.getElementsByTagName("object") || document.getElementsByTagName("embed"));
	for (var i = 0;i<flashObjects.length;i++)
	{
	    if (flashObjects[i].parentNode != null)
	    {
		    if (flashObjects[i].parentNode.className.indexOf("viewOK") < 0)
		    {
			   flashObjects[i].style.visibility = "hidden";
		    }
		}
		else
		{
		    flashObjects[i].style.visibility = "hidden";
		}
	}
	
	// Show the overlay and modal window //

	//$(overlayID).style.height = v.page.height + "px";
	$(selectorID).style.top = (v.scroll.top+((v.window.height/100)*20)) + "px";

	Effect.Appear(selectorID,
	{
		duration: 0.1
	});
}

closeModalWindow = function(selectorID)
{
	//var overlayID = 'overlay';
	Effect.Fade(selectorID,
	{
		duration: 0.1,
		afterFinish:function()
		{
			if (BrowserDetect.browser=="Explorer")
			{
				var sels = document.getElementsByTagName("select");
				for (var s = 0;s<sels.length;s++)
				{
					sels[s].style.visibility = "visible";
				}		
			}
		}
	});
		
	// Turn scrollbars in the viewport back on //
	var tas = document.getElementsByTagName("textarea");
	for (var i = 0;i<tas.length;i++)
	{
		if (tas[i].className != "scrollOK")
		{
			tas[i].style.overflow = "auto";
			//setStyle('textarea','overflow','auto');
		}	
	}
	
	// Restore flash in the viewport //
	var flashObjects = (document.getElementsByTagName("object") || document.getElementsByTagName("embed"));
	for (var i = 0;i<flashObjects.length;i++)
	{
		flashObjects[i].style.visibility = "visible";
	}
}

// Browser detection
// ----------------------------------------------
var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{	// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 	// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();

showMastheadAdvertising = function()
{
	var selectorID = 'masthead-advertising';
	if ($(selectorID)!=null)
	{
		$(selectorID).style.display = "block";
	}
}

showMPUAdvertising01 = function()
{
	var selectorID = 'mpu-advertising-01';
	if ($(selectorID)!=null)
	{
		$(selectorID).style.display = "block";
	}
}

showMPUAdvertising02 = function()
{
	var selectorID = 'mpu-advertising-02';
	if ($(selectorID)!=null)
	{
		$(selectorID).style.display = "block";
	}
}

showFooterAdvertising = function()
{
	var selectorID = 'footer-advertising';
	if ($(selectorID)!=null)
	{
		$(selectorID).style.display = "block";
	}
}

// Attach functions to window onload
// ----------------------------------------------
//Event.observe(window,'load',applyViewportClass);

document.observe("dom:loaded",scanForFormElements);
document.observe("dom:loaded",scanForExternalLinks);
document.observe("dom:loaded",keywordSearchInput.init);

Event.observe(window,'load',showMastheadAdvertising);
Event.observe(window,'load',showFooterAdvertising);

//Event.observe(window,'load',showMPUAdvertising01);
//Event.observe(window,'load',showMPUAdvertising02);

Event.observe(window,'load',preLoadInterfaceImagesWithDelay);