// Add Example Function to main Listener function
addLoadListener(loadAccordions);
addLoadListener(activatePopups);

// Adds a Listener to your functions
function addLoadListener(fn) {
	if (typeof window.addEventListener != 'undefined') {
		window.addEventListener('load', fn, false);
	} else if (typeof document.addEventListener != 'undefined') {
		document.addEventListener('load', fn, false);
	} else if (typeof window.attachEvent != 'undefined') {
		window.attachEvent('onload', fn);
	} else {
		var oldfn = window.onload;
		if (typeof window.onload != 'function') {
			window.onload = fn;
		} else {
			window.onload = function() {
				oldfn();
				fn();
			};
		}
	}
}

var tab1 = 0;
var tab2 = 0;
var tab3 = 0;
var slide1;
var slide2;
var slide3;
var openTab = 0;

function loadAccordions() {
	var whoWeAreLink = document.getElementById('whoweare');
	var whatWeDoLink = document.getElementById('whatwedo');
	var whereWeAreLink = document.getElementById('whereweare');
	
	whoWeAreLink.onclick = function() {
		
		if (openTab != 3) {
			whoWeAreLink.className = 'horizontal_accordion_toggle image_text active';
			whatWeDoLink.className = 'horizontal_accordion_toggle image_text';
			whereWeAreLink.className = 'horizontal_accordion_toggle image_text';
			
			var slide1Anim = new YAHOO.util.Anim('slide1_container', { left: {to: 0}}, .5, YAHOO.util.Easing.easeBoth);
			slide1Anim.animate();
			
			var slide2Anim = new YAHOO.util.Anim('slide2_container', { left: {to: 825}}, .5, YAHOO.util.Easing.easeBoth);
			slide2Anim.animate();
			
			var slide3Anim = new YAHOO.util.Anim('slide3_container', { left: {to: 870}}, .5, YAHOO.util.Easing.easeBoth);
			slide3Anim.animate();
			
			openTab = 3;
		} else {
			
			whoWeAreLink.className = 'horizontal_accordion_toggle image_text';
			
			var slide1Anim = new YAHOO.util.Anim('slide1_container', { left: {to: 780}}, .5, YAHOO.util.Easing.easeBoth);
			slide1Anim.animate();
			
			var slide2Anim = new YAHOO.util.Anim('slide2_container', { left: {to: 825}}, .5, YAHOO.util.Easing.easeBoth);
			slide2Anim.animate();
			
			var slide3Anim = new YAHOO.util.Anim('slide3_container', { left: {to: 870}}, .5, YAHOO.util.Easing.easeBoth);
			slide3Anim.animate();
			
			openTab = 0;
		}
		
		return false;
	};
	
	whatWeDoLink.onclick = function() {
		if (openTab != 2) {
			whoWeAreLink.className = 'horizontal_accordion_toggle image_text';
			whatWeDoLink.className = 'horizontal_accordion_toggle image_text active';
			whereWeAreLink.className = 'horizontal_accordion_toggle image_text';
			
			var slide1Anim = new YAHOO.util.Anim('slide1_container', { left: {to: 0}}, .5, YAHOO.util.Easing.easeBoth);
			slide1Anim.animate();
			
			var slide2Anim = new YAHOO.util.Anim('slide2_container', { left: {to: 45}}, .5, YAHOO.util.Easing.easeBoth);
			slide2Anim.animate();
			
			var slide3Anim = new YAHOO.util.Anim('slide3_container', { left: {to: 870}}, .5, YAHOO.util.Easing.easeBoth);
			slide3Anim.animate();
			
			openTab = 2;
		} else {
			
			whatWeDoLink.className = 'horizontal_accordion_toggle image_text';
			
			var slide1Anim = new YAHOO.util.Anim('slide1_container', { left: {to: 780}}, .5, YAHOO.util.Easing.easeBoth);
			slide1Anim.animate();
			
			var slide2Anim = new YAHOO.util.Anim('slide2_container', { left: {to: 825}}, .5, YAHOO.util.Easing.easeBoth);
			slide2Anim.animate();
			
			var slide3Anim = new YAHOO.util.Anim('slide3_container', { left: {to: 870}}, .5, YAHOO.util.Easing.easeBoth);
			slide3Anim.animate();
			
			openTab = 0;
		}
		
		return false;
	};
	
	whereWeAreLink.onclick = function() {
		
		if (openTab != 1) {
			whoWeAreLink.className = 'horizontal_accordion_toggle image_text';
			whatWeDoLink.className = 'horizontal_accordion_toggle image_text';
			whereWeAreLink.className = 'horizontal_accordion_toggle image_text active';
			
			var slide1Anim = new YAHOO.util.Anim('slide1_container', { left: {to: 0}}, .5, YAHOO.util.Easing.easeBoth);
			slide1Anim.animate();
			
			var slide2Anim = new YAHOO.util.Anim('slide2_container', { left: {to: 45}}, .5, YAHOO.util.Easing.easeBoth);
			slide2Anim.animate();
			
			var slide3Anim = new YAHOO.util.Anim('slide3_container', { left: {to: 90}}, .5, YAHOO.util.Easing.easeBoth);
			slide3Anim.animate();
			
			openTab = 1;
		} else {
			
			whereWeAreLink.className = 'horizontal_accordion_toggle image_text';
			
			var slide1Anim = new YAHOO.util.Anim('slide1_container', { left: {to: 780}}, .5, YAHOO.util.Easing.easeBoth);
			slide1Anim.animate();
			
			var slide2Anim = new YAHOO.util.Anim('slide2_container', { left: {to: 825}}, .5, YAHOO.util.Easing.easeBoth);
			slide2Anim.animate();
			
			var slide3Anim = new YAHOO.util.Anim('slide3_container', { left: {to: 870}}, .5, YAHOO.util.Easing.easeBoth);
			slide3Anim.animate();
			
			openTab = 0;
		}
		
		return false;
	};
	
}

var openID = 0;
var pop = new Array();
pop[0] = 0;
pop[1] = 0;
pop[2] = 0;
pop[3] = 0;
pop[4] = 0;
pop[5] = 0;

function activatePopups() {
	var popupsContainer = document.getElementById('popups');
	var popups = popupsContainer.getElementsByTagName('a');
	for (i=0; i < popups.length; i++) {
		popups[i].onmouseover = function() {
			var popupAnim1 = new YAHOO.util.Anim(this.id, { top: {to: 484}}, .1, YAHOO.util.Easing.easeOut);
			popupAnim1.animate();
		};
	
		popups[i].onmouseout = function() {
			closeTab(this.id);		
		};
		
		popups[i].onclick = function() {
			var tempIndex = this.id.substring(5,6);
			if (openID == 0) {
				openPopup(tempIndex);
			} else if (openID == tempIndex) {
				closeAllPopups(tempIndex);
			} else {
				closePopup(tempIndex);
			}
			return false;
		};
	}
	
	var popupContent = document.getElementById('popup_content');
	var closeButtons = popupContent.getElementsByTagName('a');
	for (j=0; j < closeButtons.length; j++) {
		closeButtons[j].onclick = function() {
			closeOtherTabs(openID);
			closeAllPopups(openID);
			return false;
		};
	}
	
	var overlay = document.getElementById('overlay');
	overlay.onclick = function() {
		closeOtherTabs(openID);
		closeAllPopups(openID);
		return false;
	};
	

}

function closeTab(index) {
	var thisIndex = index.substring(5,6);
	if (openID != thisIndex) {
	
		var popupAnim2 = new YAHOO.util.Anim(index, { top: {to: 502}}, .1, YAHOO.util.Easing.easeIn);
		popupAnim2.animate();
	
	}
	
}

function closeOtherTabs(index) {
	var popupAnimOld = new YAHOO.util.Anim('popup' + index, { top: {to: 502}}, .1, YAHOO.util.Easing.easeIn);
	popupAnimOld.animate();
}

function openPopup(index) {
	
	document.getElementById('overlay').style.display = 'block';
	var contentAnim = new YAHOO.util.Anim('popup_content' + index, { height: {to: 423}}, .35, YAHOO.util.Easing.easeIn);
	contentAnim.animate();
	openID = index;
}

function openPopup2() {
	
	var contentAnim = new YAHOO.util.Anim('popup_content' + openID, { height: {to: 423}}, .35, YAHOO.util.Easing.easeIn);
	contentAnim.animate();
	
}

function closeAllPopups(index) {
	
	var contentAnim = new YAHOO.util.Anim('popup_content' + index, { height: {to: 0}}, .35, YAHOO.util.Easing.easeIn);
	contentAnim.onComplete.subscribe(hideOverlay);
	contentAnim.animate();
	openID = 0;
}

function closePopup(index) {
	var contentAnim = new YAHOO.util.Anim('popup_content' + openID, { height: {to: 0}}, .35, YAHOO.util.Easing.easeIn);
	contentAnim.onComplete.subscribe(openPopup2);
	contentAnim.animate();
	closeOtherTabs(openID);
	openID = index;
	
}

function hideOverlay() {
	document.getElementById('overlay').style.display = 'none';
}