// Add Example Function to main Listener function
addLoadListener(activateContentDrawer);
addLoadListener(activateCloseLinks);



var drawerOpen = 0;
var drawerOpenId = '';
var drawerCloseId = '';

function activateContentDrawer() {
	var mainNav = document.getElementById('map');
	var mainNavArray = mainNav.getElementsByTagName('a');
	for (i=0; i < mainNavArray.length; i++) {
		mainNavArray[i].onclick = function() {
			drawerOpenId = this.id;
			mapPosition = this.getAttribute('rel');
			if (drawerOpen == 1) {
				closeDrawer(mapPosition);
			} else {
				openDrawer(mapPosition);
			}
			return false;
		}
	}
	
	if (document.getElementById('contact_main')) {
		var cityNav = document.getElementById('subnav_2009');
		var cityNavArray = cityNav.getElementsByTagName('a');
		for (j=0; j < cityNavArray.length; j++) {
			cityNavArray[j].onclick = function() {
				drawerOpenId = this.id.substring(8);
				mapPosition = this.getAttribute('rel');
				if (drawerOpen == 1) {
					closeDrawer(mapPosition);
				} else {
					openDrawer(mapPosition);
				}
				return false;
			}
		}
	}
}

function activateCloseLinks() {
	var closeLinks = getElementsByClassName(document, 'a', 'closelink');
	for (i=0; i<closeLinks.length; i++) {
		closeLinks[i].onclick = function() {
			closeDrawer();
			return false;
		};
	}
}

function moveMap(position) {
	var animateMap = new YAHOO.util.Anim('map', { left: {to: position}}, .750, YAHOO.util.Easing.easeOut);
	animateMap.animate();
}

function openDrawer(mapPos) {
	var activeLink = document.getElementById('photo' + drawerOpenId).getAttribute('rel');
	document.getElementById(activeLink).className = 'city_link active';
	//document.getElementById('img_' + drawerOpenId).src = '/dev/img/contact/' + drawerOpenId + '/sub_down.gif';
	drawerOpen = 1;
	
	drawerCloseId = drawerOpenId;
	if (document.getElementById('contact_main')) {
		document.getElementById('subnav1_' + drawerOpenId).className='active';
	}
	var animateMap = new YAHOO.util.Anim('map', { left: {to: mapPos}}, .750, YAHOO.util.Easing.easeOut);
	
	if (drawerOpenId == 'atlanta' || drawerOpenId == 'tampa') {
		var drawerOpenAnim1 = new YAHOO.util.Anim('photo' + drawerOpenId, { left: {to: 234}}, .750, YAHOO.util.Easing.easeOut);
		var drawerOpenAnim2 = new YAHOO.util.Anim('text' + drawerOpenId, { left: {to: 504}}, .750, YAHOO.util.Easing.easeOut);
	} else if (drawerOpenId == 'dubai' || drawerOpenId == 'abudhabi') {
		var drawerOpenAnim1 = new YAHOO.util.Anim('photo' + drawerOpenId, { left: {to: 0}}, .750, YAHOO.util.Easing.easeOut);
		var drawerOpenAnim2 = new YAHOO.util.Anim('text' + drawerOpenId, { left: {to: 504}}, .750, YAHOO.util.Easing.easeOut);
	} else if (drawerOpenId == 'beijing' || drawerOpenId == 'singapore' || drawerOpenId == 'shanghai') {
		var drawerOpenAnim1 = new YAHOO.util.Anim('photo' + drawerOpenId, { left: {to: 258}}, .750, YAHOO.util.Easing.easeOut);
		var drawerOpenAnim2 = new YAHOO.util.Anim('text' + drawerOpenId, { left: {to: 0}}, .750, YAHOO.util.Easing.easeOut);
	}
	
	animateMap.animate();
	drawerOpenAnim1.animate();
	drawerOpenAnim2.animate();
	
	
}

function closeDrawer(mapPos) {
	drawerOpen = 0;
	if (drawerCloseId == 'atlanta' || drawerCloseId == 'tampa') {
		var drawerCloseAnim1 = new YAHOO.util.Anim('photo' + drawerCloseId, { left: {to: 762}}, .750, YAHOO.util.Easing.easeIn);
		var drawerCloseAnim2 = new YAHOO.util.Anim('text' + drawerCloseId, { left: {to: 1032}}, .750, YAHOO.util.Easing.easeIn);
	} else if (drawerCloseId == 'dubai' || drawerCloseId == 'abudhabi') {
		var drawerCloseAnim1 = new YAHOO.util.Anim('photo' + drawerCloseId, { left: {to: -279}}, .750, YAHOO.util.Easing.easeIn);
		var drawerCloseAnim2 = new YAHOO.util.Anim('text' + drawerCloseId, { left: {to: 767}}, .750, YAHOO.util.Easing.easeIn);
	} else if (drawerCloseId == 'beijing' || drawerCloseId == 'singapore' || drawerCloseId == 'shanghai') {
		var drawerCloseAnim1 = new YAHOO.util.Anim('photo' + drawerCloseId, { left: {to: -279}}, .750, YAHOO.util.Easing.easeIn);
		var drawerCloseAnim2 = new YAHOO.util.Anim('text' + drawerCloseId, { left: {to: -528}}, .750, YAHOO.util.Easing.easeIn);
	}
	var closeMap = new YAHOO.util.Anim('map', { left: {to: 5}}, .750, YAHOO.util.Easing.easeIn);
	
	if (drawerOpenId != drawerCloseId) {
		drawerCloseAnim1.onComplete.subscribe(setTimeout('openDrawer(' + mapPos + ')', 850));
		if (document.getElementById('contact_main')) {
			document.getElementById('subnav1_' + drawerOpenId).className='active';
			document.getElementById('subnav1_' + drawerCloseId).className='';
		}
			
	} else {
		if (document.getElementById('contact_main')) {
			document.getElementById('subnav1_' + drawerCloseId).className='';
		}
	}
	closeMap.animate();
	drawerCloseAnim1.animate();
	drawerCloseAnim2.animate();
	
	var activeLink = document.getElementById('photo' + drawerCloseId).getAttribute('rel');
	document.getElementById(activeLink).className = 'city_link';
}