if (typeof(console) == 'undefined')
{
	console = {
		debug: function(){},
		log: function(){}
	};
}

var activeAbout = {};
function tpAboutListLoad(id)
{
	activeAbout[id] = id+'1';
	$('#aboutlist' + id + ' ul li a').bind('click', function(event){
		var thisid=this.id.replace('href','#li');
		var thisli = $(thisid)[0];
		var i = $('#aboutlist-list'+id+' ul li').index($(this.id.replace('href','#li')));
		$('#aboutlist'+id+' .aboutlist-text div').hide();
		$('#aboutlist'+id+' .aboutlist-text div').eq(i).show();
		event.preventDefault();
	});
	$('#aboutlist' + id + ' .aboutlist-text div h3 a').hide();
	$('#aboutlist' + id + ' .aboutlist-text div').hide();
	$('#aboutlist' + id + ' .aboutlist-text div:first').show();
}

function goOverlay(id)
{
	$('a[rel=' + id + ']').click();
	return false;
}
/*  Drop Down Menu */
var tpmenu_timeout    = 100;
var tpmenu_closetimer = 0;
var tpmenu_item = 0;

function tpmenu_open()
{
	tpmenu_canceltimer();
	tpmenu_close();
	tpmenu_item = $(this).find('ul').css('display', 'block');
}


function tpmenu_close()
{
	if(tpmenu_item) tpmenu_item.css('display', 'none');
}

function tpmenu_timer()
{  
	tpmenu_closetimer = window.setTimeout(tpmenu_close, tpmenu_timeout);
}

function tpmenu_canceltimer()
{
	if(tpmenu_closetimer)
	{
		window.clearTimeout(tpmenu_closetimer);
		tpmenu_closetimer = null;
	}
}

$(document).ready(function() {
	$('li.headlink').bind('mouseover', tpmenu_open)
	$('li.headlink').bind('mouseout',  tpmenu_timer)
});

document.onclick = tpmenu_close;

var overlaysLoaded = [];
function loadtp() {	
	$("#more-menu").css({zIndex:1000000});
	createOverlays();
}

function createOverlays()
{
	$("a[rel]").each(function(i,o){
		if ($(o.rel).length == 0)
		{
			$('body').append('<div class="overlay" id="' + o.rel.substr(1) + '"><div class="overlay-content"><img src="/public/img/loading.gif"> Loading...</div></div>');
		}
	})
	// initialize overlay trigger
	$("a[rel]").overlay({
		// start exposing when overlay starts to load
		onBeforeLoad: function() {
			// this line does the magic. it makes the background image sit on top of the mask
			this.getBackgroundImage().expose({color: '#123'});
		}, 
		onLoad: function() {
			var o = this.getContent();
			var t = this.getTrigger();
			if (typeof(overlaysLoaded[o[0].id])=='undefined') 
				$.get(t[0].href + '?isAjax=1',function(data){
					overlaysLoaded[o[0].id] = data;
					o.find('.overlay-content').html(data)
				})
			else
				o.find('.overlay-content').html(overlaysLoaded[o[0].id]);
		},
		// when overlay is closed take the expose instance and close it as well
		onClose: function() {
			this.getContent().find('.overlay-content').html('');
			$.expose.close();
		}
	});
}
function openOverlay(id)
{
	$("#" + id + "-link").click();
//	$("#" + id ).expose({color: '#123'});;
}