Event.observe(window, 'load', function() {
	setRelLinks();
	$$(".tooltip").each(setToolTips);
});

function setRelLinks() {
	page_anchors = new Array();
	page_anchors = document.getElementsByTagName("A");
	
	for ( var i = 0; i < page_anchors.length; i++ ) {

		if(page_anchors[i].rel=="external") {
			page_anchors[i].onclick = function () { new_window(this.href); return false;};
			page_anchors[i].className = "newwindow";
		} else if(page_anchors[i].rel=="popup") {
			page_anchors[i].onclick = function () { return false;};
			page_anchors[i].className = "popup";
		} else if((page_anchors[i].className=="expanded" || page_anchors[i].className=="collapsed") && page_anchors[i].rel!="") {
			page_anchors[i].onclick = function () { slideme(this); return false;};
			if(page_anchors[i].className=="collapsed") hideme(page_anchors[i]);
		}

	}
	
	

}

function setToolTips(element) {
	$(element).onmouseover = function(event) { showtooltip(element); };
	$(element).onmouseout = function() { hidetooltip(); };
}


function showtooltip(element) {
	var tooltip = "/tooltips/?tooltip="+$(element).getAttribute('rel');
	new Effect.Appear('tooltipcontent', {duration:0.1,from:0,to:1,delay:0.5});
	new Ajax.Request(tooltip, {
		method: 'get',
		onSuccess: function(transport) {
			$('tooltipcontent').update(transport.responseText);
			$('tooltipcontent').clonePosition(element,{setWidth:false,setHeight:false,offsetLeft:10,offsetTop:15});
		},
		onFailure: function() {
			$('tooltipcontent').update("Something went wrong loading the tooltip. Please try again later.");
		}
	});
}

function hidetooltip() {
	new Effect.Fade('tooltipcontent', {duration:0.1,from:1,to:0,delay:0.1});
}


function new_window(url) {
	window.open(url);
	return false;
}

function slideme(bar) {
	element_id = bar.rel;
	if($(element_id)) {
		Effect.toggle(element_id,'blind', {afterFinish: slideIndicator, duration: 0.3});
	}
}



function hideme(bar) {
	element_id = bar.rel;
	if($(element_id)) {
		$(element_id).style.display = "none";
	}

}



function slideIndicator(obj) {
		
		element_id = obj.element.id;
	

		if($(element_id).visible()) {
			page_anchors = document.getElementsByClassName("collapsed");
			for ( var i = 0; i < page_anchors.length; i++ ) {
				if(page_anchors[i].rel==element_id) page_anchors[i].className = "expanded";
			}
		} else {
			page_anchors = document.getElementsByClassName("expanded");
			for ( var i = 0; i < page_anchors.length; i++ ) {
				if(page_anchors[i].rel==element_id) page_anchors[i].className = "collapsed";
			}
		}
		

}