$$('.channel-items').each(function (el) {
	Event.observe(el, 'click', function () {
		if (this.getElementsByTagName('span').length > 0) {
			var link = this.getElementsByTagName('span')[0].title;
			pageTracker._trackPageview('/jumptv-latino/channel-click/'+link);
			window.location = link;
		}
	});
	Event.observe(el, 'mouseover', function () {
		if (this.getElementsByTagName('span').length > 0) 
			this.getElementsByTagName('span')[0].style.textDecoration = 'underline';
		else 
			this.getElementsByTagName('strong')[0].style.textDecoration = 'underline';
	});
	Event.observe(el, 'mouseout', function () {
		if (this.getElementsByTagName('span').length > 0) 
			this.getElementsByTagName('span')[0].style.textDecoration = 'none';
		else 
			this.getElementsByTagName('strong')[0].style.textDecoration = 'none';
	});
});
var Modal = {

	element: $('modal'),
	content: $('modal-contents'),
	closeButton: $('modal-content-close'),
	
	fadeIn: function () 
	{
		var screenHeight = 0;
		var vertScroll = 0;
		if ( typeof( window.innerWidth ) == 'number' ) {
			screenHeight = window.innerHeight;
		} else if ( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
			screenHeight = document.documentElement.clientHeight;
		} else if ( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
			screenHeight = document.body.clientHeight;
		}
		if ( typeof( window.pageYOffset ) == 'number' ) {
			vertScroll = window.pageYOffset;
		} else if ( document.documentElement && document.documentElement.scrollTop) {
			vertScroll = document.documentElement.scrollTop;
		} else if ( document.body && document.body.scrollTop) {
   			vertScroll = document.body.scrollTop;
		}		
		Event.observe(this.closeButton, 'click', function () {
			Modal.fadeOut();
		});
		Event.observe(this.element, 'click', function () {
			Modal.fadeOut();
		});
		this.element.style.display = 'block';
		this.element.style.height = document.body.clientHeight + 'px';
		this.element.setOpacity(0.3);
		this.content.style.display = 'block';
		this.content.style.top = Math.ceil(vertScroll + (screenHeight/2)) + 'px';
	},

	fadeOut: function ()
	{
		this.element.style.display = 'none';
		this.content.style.display = 'none';
	}
}
Event.observe($('geolist'), 'click', function (event) {
	Modal.fadeIn();
	Event.stop(event);
})

