/**
 * show page js
 **/
 
isIE = false;
if(typeof document.all!="undefined"){ if(typeof document.getElementById!="undefined"){ if(navigator.userAgent.toLowerCase().indexOf("msie 6")!=-1){ isIE = true; }}}
 
 function capTop(show, dim, bg) {
	capImgPng = 'http://a.abcnews.com/assets/images/shows/'+show+'/'+show+'_'+dim+'_'+bg+'.png'
	capImgSrc = '';
	capImg = (isIE)?'http://a.abcnews.com/images/site/vortex/spacer.gif' : capImgPng;
	imgSrcCapFilter = (isIE)?' style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+capImgPng+', sizingMethod=scale); position:absolute;top:0px;left:0px;" ' : ' style="position:absolute;top:0px;left:0px;"';
	capImgSrc += '<img src="'+capImg+'" ';
	capImgSrc += imgSrcCapFilter;
	capImgSrc += ' alt="" width="'+dim+'" height="4" border="0">';
	document.write(capImgSrc);
}

//for tooltip flyouts
function preview(event, element, url, setclass, timer, delay) {
	var ev = cloneEvent(event);
	var elem = element;
	var del = delay;
	
	getMarkup(url,-1,function(markup){
		try{
			customTooltip(ev, elem, markup.markup, setclass, timer, del);
		}
		catch(e){
			alert(e.name+": "+e.message);
		}
	});
}

function cloneEvent(event){
	var newEvent = new Object();
	newEvent['pageX'] = event['pageX'];
	newEvent['pageY'] = event['pageY'];
	newEvent['clientX'] = event['clientX'];
	newEvent['clientY'] = event['clientY'];
	return newEvent;
}

function ihopHover (state, divId, type) {
	if (state) {
		document.getElementById(divId).className = "ihop-active" + type;
	} else {
		document.getElementById(divId).className = "ihop-activeOff";
	}
}

/********************************************
		overlay
********************************************/
window.currentOverlay = '';

function overlayDiv() {
	this.className = 'div.overlayPane';
	this.anchor;
	this.div;
	this.objName;
	this.anchorText;
	
	this.ready = function() {
		this.anchorText = $(this.anchor + "> span > a").html();
		$(this.anchor).html('<span><a href="#" onclick="'+this.objName+'.show();return false;">'+this.anchorText+'</a></span>');
	}
	
	this.show = function (){
		if (window.currentOverlay != '') {
			closeOverlay = eval(window.currentOverlay.replace('div#','') + 'Obj');
			closeOverlay.close();
		}
		$(this.div).show('fast',this.position()).focus();
		$(this.anchor).html('<span><a href="#" onclick="'+this.objName+'.close();return false;">'+this.anchorText+'</a></span>');
		$(this.anchor + "> span > a").css('background-position', 'right -412px');
		window.currentOverlay = this.div;

	}
	
	this.close = function() {
		$(this.div).hide();
		$(this.anchor).html('<span><a href="#" onclick="'+this.objName+'.show();return false;">'+this.anchorText+'</a></span>');
		$(this.anchor + "> span > a").css('background-position', 'right -394px');
	}
	
	this.position = function() {
		var top = 0;
		var left = 0;
		var midpoint = $(window).width()/2;
	
		if (this.anchor != null) { //anchor overlay
			top = $(this.anchor).offset().top + $(this.anchor).outerHeight();
			
			var overlayBottom = top + $(this.div).height();
			var screenBottom = $(window).scrollTop() + $(window).height();

			if (overlayBottom > screenBottom) { //display above anchor
				top = $(this.anchor).offset().top - $(this.div).height();
				top += 2;
			} 
			
			if ($(this.anchor).offset().left < midpoint) {
				left = $(this.anchor).offset().left;
			} else {
				left = ($(this.anchor).offset().left + $(this.anchor).outerWidth())- $(this.div).width();
			}
			
		} else { //center on page
			top = $(window).scrollTop();
			left = midpoint - ($(this.div).width()/2);
			
			if ($(this.div).height() < $(window).height()) {
				top = top + ($(window).height()/2) - ($(this.div).height()/2);
			} else {
				top = top + 20;
			}
		}
		
		//top += -3;
		if ($.browser.mozilla) {
			left += 2;
		}
		
		$(this.div).css({'top':top + 'px','left':left + 'px'});
	}
}



$(document).ready(function() {
	$('div.overlayPane').appendTo('body');
	$('div.overlayPane').hide();
});