/////////////////////////////////////////////////////////////////////

var onloadVars = new Array();
var onloadIndex = 0;

/////////////////////////////////////////////////////////////////////

function moveTo(container, element){
	Position.prepare();
	container_y = Position.cumulativeOffset($(container))[1];
	element_y = Position.cumulativeOffset($(element))[1];

	container_x = Position.cumulativeOffset($(container))[0];
	element_x = Position.cumulativeOffset($(element))[0];

	new Effect.Scroll(container, {x:(element_x-container_x), y:(element_y-container_y)});
	return false;
}

Effect.Scroll = Class.create();
Object.extend(Object.extend(Effect.Scroll.prototype, Effect.Base.prototype), {
  initialize: function(element) {
    this.element = $(element);
    var options = Object.extend({
      x: 0,
      y: 0,
      mode: 'absolute'
    } , arguments[1] || {}  );
    this.start(options);
  },
  setup: function() {
    if (this.options.continuous && !this.element._ext ) {
      this.element.cleanWhitespace();
      this.element._ext=true;
      this.element.appendChild(this.element.firstChild);
    }

    this.originalLeft=this.element.scrollLeft;
    this.originalTop=this.element.scrollTop;

    if(this.options.mode == 'absolute') {
      this.options.x -= this.originalLeft;
      this.options.y -= this.originalTop;
    } else {

    }
  },
  update: function(position) {   
    this.element.scrollLeft = this.options.x * position + this.originalLeft;
    this.element.scrollTop  = this.options.y * position + this.originalTop;
  }
});

//////////////////////////////////////////////////////////////////////

function swapMyPass(pwbox) {
	document.getElementById('Password').style.display='inline'; 
	pwbox.style.display='none'; 				
	document.getElementById('Password').focus();
}

function swapPassword(pwbox) {
	if(pwbox.value=='') { 
		document.getElementById('myPass').style.display='inline'; 
		pwbox.style.display='none'; 
	}
}

/////////////////////////////////////////////////////////////////////

var input_swap = {
	search: 'search site',
	newsletter: 'enter your address',
	myUser: 'Username'
};

document.observe('dom:loaded',function(){

	// input field text labels
	var list = [];
	for(var index in input_swap)
		list[list.length] = '#'+index;

	$$(list).each(function(el){
		el.observe('focus',function(){
			if(el.value == input_swap[el.id])
				el.value = '';
			if(el.id == 'myPass')
			{
				var index = el.id;
				swap_field(el.id, 'password');
			}
		});

		el.observe('blur',function(){
			if(el.value == '')
			{
				el.value = input_swap[el.id];
				if(el.id == 'myPass')
					swap_field(el.id, 'text');
			}
		});		
	});
	
	// login password swapping
	/*
	if($('myPass'))
	{
		$('Password').observe('focus',function(){
			if($('Password').value == 'Password')
			{
				$('Password').addClassName('hidden');
				$('Password').disabled = true;

				$('Password_hidden').removeClassName('hidden');
				$('Password_hidden').disabled = false;
				$('Password_hidden').focus();
			}
		});

		if($('Password_hidden'))
		{
			$('Password_hidden').observe('blur',function(){
				if($('Password_hidden').value == '')
				{
					$('Password_hidden').addClassName('hidden');
					$('Password_hidden').disabled = true;

					$('Password').removeClassName('hidden');
					$('Password').disabled = false;
				}
			});
		}

	} */

	// scrolling animals
	if($('whatsInside'))
	{
		var ul = $$('#whatsInside ul').first();
		var li = ul.select('li[id^=wi_]');
		var li_count = li.length;
		var li_current = 1;
		var ul_width = li.first().offsetWidth*ul.select('li').length;

		ul.setStyle({ width: ul_width+'px' });

		// next arrow
		$$('#whatsInside .nextNav a').first().observe('click',function(event){
			Event.stop(event);
			if(li_count>li_current)
			{
				li_current++;
				moveTo('inside_list', 'wi_'+li_current);
				document.body.focus();
			}
		});

		// previous arrow
		$$('#whatsInside .prevNav a').first().observe('click',function(event){
			Event.stop(event);
			if(li_current>1)
			{
				li_current--;
				moveTo('inside_list', 'wi_'+li_current);
				document.body.focus();
			}
		});
	}

	// mouseover tabs
	var tab_img_over = [];
	var tab_img_off = [];
	var count = 0;
	$$('#headerLinks li img').each(function(el){
		var src = el.src.split('.');
		src[(src.length-2)]+='_over';
		tab_img_over[count] = new Image();
		tab_img_over[count].src = src.join('.');
		el.id = "img_"+count;
		tab_img_off[count] = el.src;
		count++;

		el.observe('mouseover',function(){
			var index = el.id.split('_').last();
			el.src = tab_img_over[index].src;
		});

		el.observe('mouseout',function(){
			var index = el.id.split('_').last();
			el.src = tab_img_off[index];
		});
	});
});

/////////////////////////////////////////////////////////////////////

function getPosition(t, array)
{
	// set default value
	var data = 0;

	if(t)
	{
		for(var i=0;array.length>i;i++)
		{
			if(t==array[i])
			{
				data = i;
				break;
			}
		}
	}

	return data;
}

/////////////////////////////////////////////////////////////////////
/*
function globalOnload()
{




	if(document.getElementById('search'))
	{
		document.getElementById('search').onclick=function() { textField(this, 'search site'); }
		document.getElementById('search').onblur=function() { textField(this, 'search site'); }
	}

	if(document.getElementById('newsletter'))
	{
		document.getElementById('newsletter').onclick=function() { textField(this, 'enter your address'); }
		document.getElementById('newsletter').onblur=function() { textField(this, 'enter your address'); }
	}

	if(document.getElementById('donate'))
	{
		var donate = new Image();
		var donate_over = new Image();

		donate.src='/media/images/global/donate.gif';
		donate_over.src='/media/images/global/donate_over.gif';

		document.getElementById('donate').getElementsByTagName('a').item(0).onmouseover=function()
		{ this.getElementsByTagName('img').item(0).src=donate_over.src; }

		document.getElementById('donate').getElementsByTagName('a').item(0).onmouseout=function()
		{ this.getElementsByTagName('img').item(0).src=donate.src; }
	}
}

onloadVars[onloadIndex]='globalOnload()';
onloadIndex++;
*/
/////////////////////////////////////////////////////////////////////

function login(url)
{
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open(url, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=408,height=187,left=50%,top=50%');");
}

/////////////////////////////////////////////////////////////////////

function doSubmit(values, formName)
{
	var fieldID;
	var fieldValue;
	var item;

	for(var i=0;values.length>i;i++)
	{
		fieldID=values[i]['id'];
		fieldValue=values[i]['value'];
		item = document.getElementById(fieldID);

		if(item.value==fieldValue)
			item.value='';
	}
	var form;
	if(document.forms[formName])
		form=document.forms[formName];
	else
		form=document.getElementById(formName);

	form.submit();
	return false;
}

/////////////////////////////////////////////////////////////////////

function resetForm(values)
{
	var fieldID;
	var fieldValue;
	var item;

	for(var i=0;values.length>i;i++)
	{
		fieldID=values[i]['id'];
		fieldValue=values[i]['value'];
		item = document.getElementById(fieldID);
		var isSelect=false;

		if(item.tagName.toLowerCase()=='select')
			isSelect=true;

		if(isSelect)
		{
			var options = item.getElementsByTagName('option');

			for(var n=0;options.length>n;n++)
			{
				if(options[n].value==fieldValue || options[n].value=='')
				{
					options[n].selected=true;
				}
				else
					options[n].selected=false;
			}
		}
		else
			item.value=fieldValue;	
	}

	return false;
}

/////////////////////////////////////////////////////////////////////

function isString(a) {
    return typeof a == 'string';
}

function isUndefined(a) {
    return typeof a == 'undefined';
} 

/////////////////////////////////////////////////////////////////////

function textField(t, text)
{
	if(t.value==text)
		t.value='';
	else if(t.value=='')
		t.value=text;
}

/////////////////////////////////////////////////////////////////////

function displayBlock(id)
{
	if(document.getElementById(id)!=null && document.getElementById(id)!='undefined')
	{
		var ul = document.getElementById(id);
		if(ul.style.display=='none' || ul.style.display=='')
			ul.style.display='block';
		else if(ul.style.display=='block')
			ul.style.display='none';
	}
}

/////////////////////////////////////////////////////////////////////

function addClass(t, classValue)
{
	var item;
	
	if(isString(t))
		item = document.getElementById(t);
	else
		item = t;

	var itemClass = item.className;

	if(itemClass.length>0)
	{
		if(itemClass.search(classValue)>-1)
			item.className = itemClass.replace(classValue, '');
		else
			item.className+=' '+classValue;
	}
	else
		item.className=classValue;
}

/////////////////////////////////////////////////////////////////////

function replaceClass(t, classValue)
{
	var item;
	
	if(isString(t))
		item = document.getElementById(t);
	else
		item = t;

	item.className=classValue;
}

/////////////////////////////////////////////////////////////////////

function setFiveWays()
{
	if(document.getElementById('fiveways'))
	{
		var images;
		if(document.getElementById('fiveways').className=='large')
			images = new Array("become_large","adopt_large","stay_informed_large","take_action_large","more_ways_large");
		else
			images = new Array("become","adopt","stay_informed","take_action","more_ways");

		loadImagesMouseover('fiveways',images,'5ways');
	}
}

onloadVars[onloadIndex]='setFiveWays()';
onloadIndex++;

//////////////////////////////////////////////////////////////////////

function setTopTravel()
{
	if(document.getElementById('toptravel'))
	{
		var images = new Array("africa", "antartica", "asia", "s_america", "europe", "travel_button");
		loadImagesMouseover('toptravel',images, 'travel');
	}
}

onloadVars[onloadIndex]='setTopTravel()';
onloadIndex++;

//////////////////////////////////////////////////////////////////////

function loadImagesMouseover(id, images, media_dir)
{
	var preload= new Array();

	for(var i=0;images.length>i;i++)
	{
		preload[i] = new Array();
		preload[i]['off'] = new Image();
		preload[i]['over'] =  new Image();

		preload[i]['off'].src='/media/images/global/widgets/'+media_dir+'/'+images[i]+'.gif';
		preload[i]['over'].src='/media/images/global/widgets/'+media_dir+'/'+images[i]+'_over.gif';
	}
	
	var a = document.getElementById(id).getElementsByTagName('a');
	for(var i=0;a.length>i;i++)
		{
		a.item(i).onmouseover=function()
		{
			if(this.getElementsByTagName('img').length>0)
			{
				a2 = document.getElementById(id).getElementsByTagName('a');
				index = getPosition(this, a2);
				if(index==preload.length)
					index--;
				this.parentNode.getElementsByTagName('img').item(0).src=preload[index]['over'].src;
			}
		}

		a.item(i).onmouseout=function()
		{
			if(this.getElementsByTagName('img').length>0)
			{
				//a2 = this.parentNode.parentNode.getElementsByTagName('a');
				a2 = document.getElementById(id).getElementsByTagName('a');
				index = getPosition(this, a2);
				if(index==preload.length)
					index--;
				this.parentNode.getElementsByTagName('img').item(0).src=preload[index]['off'].src;
			}
		}
	}
}

//////////////////////////////////////////////////////////////////////

function createOpenList()
{
	if(document.getElementById('relatedColumn'))
	{
		var div = document.getElementById('relatedColumn').getElementsByTagName('div');

		// get collapse divs
		for(var i=0;div.length>i;i++)
		{
			if(div.item(i).className=='collapse')
			{
				var li = div.item(i).getElementsByTagName('li');
				for(var n=0;li.length>n;n++)
				{
					if(li.item(n).parentNode.parentNode.className=='widgetContent')
					{
						li.item(n).getElementsByTagName('a').item(0).onclick=function()
						{
							addClass(this.parentNode,'open');
						}
					}
				}
			}
		}
	}
}

onloadVars[onloadIndex]='createOpenList()';
onloadIndex++;

//////////////////////////////////////////////////////////////////////

function dangerPopup(divID, dangerIMG, isDangerMain)
{
	var a = document.getElementById(divID).getElementsByTagName('ol').item(0).getElementsByTagName('a');
	for(var i=0;a.length>i;i++)
	{
		a.item(i).onmouseover=function()
		{
			var img = this.getElementsByTagName('img').item(0);
			id = img.src.split('/').pop();

			if(isDangerMain && this.className=='hLight')
				id = id.replace('_active.gif','');
			else
				id = id.replace('.gif','');

			img.src=dangerIMG[id]['on'].src;
			addClass(this.parentNode,'open');
		}
		a.item(i).onmouseout=function()
		{
			var img = this.getElementsByTagName('img').item(0);
			id = img.src.split('/').pop();
			id = id.replace('_over.gif','');

			if(isDangerMain && this.className=='hLight')
			{
				index='active';
				id = id.replace('_over.gif','');
			}
			else
			{
				index='off';
				id = id.replace('_active.gif','');
			}

			img.src=dangerIMG[id][index].src;
			addClass(this.parentNode,'open');
		}
	}
}

//////////////////////////////////////////////////////////////////////

function dangerWatch()
{
	if(document.getElementById('danger'))
	{
		var dangerIMG = new Array();

		dangerIMG['ex'] = new Array();
		dangerIMG['ex']['on'] = new Image();
		dangerIMG['ex']['off'] = new Image();
		dangerIMG['ex']['on'].src = '/media/images/global/widgets/danger/ex_over.gif';
		dangerIMG['ex']['off'].src = '/media/images/global/widgets/danger/ex.gif';

		dangerIMG['ew'] = new Array();
		dangerIMG['ew']['on'] = new Image();
		dangerIMG['ew']['off'] = new Image();
		dangerIMG['ew']['on'].src = '/media/images/global/widgets/danger/ew_over.gif';
		dangerIMG['ew']['off'].src = '/media/images/global/widgets/danger/ew.gif';

		dangerIMG['cr'] = new Array();
		dangerIMG['cr']['on'] = new Image();
		dangerIMG['cr']['off'] = new Image();
		dangerIMG['cr']['on'].src = '/media/images/global/widgets/danger/cr_over.gif';
		dangerIMG['cr']['off'].src = '/media/images/global/widgets/danger/cr.gif';

		dangerIMG['en'] = new Array();
		dangerIMG['en']['on'] = new Image();
		dangerIMG['en']['off'] = new Image();
		dangerIMG['en']['on'].src = '/media/images/global/widgets/danger/en_over.gif';
		dangerIMG['en']['off'].src = '/media/images/global/widgets/danger/en.gif';

		dangerIMG['vu'] = new Array();
		dangerIMG['vu']['on'] = new Image();
		dangerIMG['vu']['off'] = new Image();
		dangerIMG['vu']['on'].src = '/media/images/global/widgets/danger/vu_over.gif';
		dangerIMG['vu']['off'].src = '/media/images/global/widgets/danger/vu.gif';

		dangerIMG['nt'] = new Array();
		dangerIMG['nt']['on'] = new Image();
		dangerIMG['nt']['off'] = new Image();
		dangerIMG['nt']['on'].src = '/media/images/global/widgets/danger/nt_over.gif';
		dangerIMG['nt']['off'].src = '/media/images/global/widgets/danger/nt.gif';

		dangerIMG['lc'] = new Array();
		dangerIMG['lc']['on'] = new Image();
		dangerIMG['lc']['off'] = new Image();
		dangerIMG['lc']['on'].src = '/media/images/global/widgets/danger/lc_over.gif';
		dangerIMG['lc']['off'].src = '/media/images/global/widgets/danger/lc.gif';

		dangerPopup('danger', dangerIMG);

	}
}

onloadVars[onloadIndex]='dangerWatch()';
onloadIndex++;

//////////////////////////////////////////////////////////////////////

function dangerList()
{
	if(document.getElementById('dangerMain'))
	{
		var dangerIMG = new Array();

		dangerIMG['ex'] = new Array();
		dangerIMG['ex']['on'] = new Image();
		dangerIMG['ex']['off'] = new Image();
		dangerIMG['ex']['active'] = new Image();
		dangerIMG['ex']['on'].src = '/media/images/global/widgets/danger/levels/ex_over.gif';
		dangerIMG['ex']['off'].src = '/media/images/global/widgets/danger/levels/ex.gif';
		dangerIMG['ex']['active'].src = '/media/images/global/widgets/danger/levels/ex_active.gif';

		dangerIMG['ew'] = new Array();
		dangerIMG['ew']['on'] = new Image();
		dangerIMG['ew']['off'] = new Image();
		dangerIMG['ew']['active'] = new Image();
		dangerIMG['ew']['on'].src = '/media/images/global/widgets/danger/levels/ew_over.gif';
		dangerIMG['ew']['off'].src = '/media/images/global/widgets/danger/levels/ew.gif';
		dangerIMG['ew']['active'].src = '/media/images/global/widgets/danger/levels/ew_active.gif';

		dangerIMG['cr'] = new Array();
		dangerIMG['cr']['on'] = new Image();
		dangerIMG['cr']['off'] = new Image();
		dangerIMG['cr']['active'] = new Image();
		dangerIMG['cr']['on'].src = '/media/images/global/widgets/danger/levels/cr_over.gif';
		dangerIMG['cr']['off'].src = '/media/images/global/widgets/danger/levels/cr.gif';
		dangerIMG['cr']['active'].src = '/media/images/global/widgets/danger/levels/cr_active.gif';

		dangerIMG['en'] = new Array();
		dangerIMG['en']['on'] = new Image();
		dangerIMG['en']['off'] = new Image();
		dangerIMG['en']['active'] = new Image();
		dangerIMG['en']['on'].src = '/media/images/global/widgets/danger/levels/en_over.gif';
		dangerIMG['en']['off'].src = '/media/images/global/widgets/danger/levels/en.gif';
		dangerIMG['en']['active'].src = '/media/images/global/widgets/danger/levels/en_active.gif';

		dangerIMG['vu'] = new Array();
		dangerIMG['vu']['on'] = new Image();
		dangerIMG['vu']['off'] = new Image();
		dangerIMG['vu']['active'] = new Image();
		dangerIMG['vu']['on'].src = '/media/images/global/widgets/danger/levels/vu_over.gif';
		dangerIMG['vu']['off'].src = '/media/images/global/widgets/danger/levels/vu.gif';
		dangerIMG['vu']['active'].src = '/media/images/global/widgets/danger/levels/vu_active.gif';

		dangerIMG['nt'] = new Array();
		dangerIMG['nt']['on'] = new Image();
		dangerIMG['nt']['off'] = new Image();
		dangerIMG['nt']['active'] = new Image();
		dangerIMG['nt']['on'].src = '/media/images/global/widgets/danger/levels/nt_over.gif';
		dangerIMG['nt']['off'].src = '/media/images/global/widgets/danger/levels/nt.gif';
		dangerIMG['nt']['active'].src = '/media/images/global/widgets/danger/levels/nt_active.gif';

		dangerIMG['lc'] = new Array();
		dangerIMG['lc']['on'] = new Image();
		dangerIMG['lc']['off'] = new Image();
		dangerIMG['lc']['active'] = new Image();
		dangerIMG['lc']['on'].src = '/media/images/global/widgets/danger/levels/lc_over.gif';
		dangerIMG['lc']['off'].src = '/media/images/global/widgets/danger/levels/lc.gif';
		dangerIMG['lc']['active'].src = '/media/images/global/widgets/danger/levels/lc_active.gif';

		dangerPopup('dangerMain', dangerIMG, true);
	}
}

onloadVars[onloadIndex]='dangerList()';
onloadIndex++;

//////////////////////////////////////////////////////////////////////

function goNext()
{
	var li = document.getElementById('headFeat').getElementsByTagName('li');
	var index = 0;
	for(var i=0;li.length>i;i++)
	{
		var item = li.item(i);
		if(item.className.search(/hLight/)>-1)
		{
			addClass(item,'hLight');
			index=i+1;
		}
	}

	if(index == li.length)
		index = 0;

	addClass(li.item(index),'hLight');
}

//////////////////////////////////////////////////////////////////////

// function used in conjunction with the spinning globe
// used to pop up new window
function openMap()
{
//	alert("BOOM");
	url = "http://wwf.gbdev1.com/media/swf/WWF_map.html";
	id = "WWF_map";
	//eval("page" + id + " = window.open(url, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=1005,height=695,left=50%,top=50%');");
	eval("page" + id + " = window.open(url, '" + id + "', 'toolbar=0,location=0,statusbar=0,menubar=0,width=1005,height=695,left=50%,top=50%');");
}

//////////////////////////////////////////////////////////////////////


function wwfHome_DoFSCommand(command)
{
	if (command == "mapWindow")
		openMap();

}

/////////////////////////////////////////////////////////////////////

function hideNonflash()
{
	if(document.getElementById('nonflashGlobe'))
		document.getElementById('nonflashGlobe').style.display='none';

	if(document.getElementById('nonflashBanner'))
		document.getElementById('nonflashBanner').style.display='none';

	if(document.getElementById('nonflashGallery'))
		document.getElementById('nonflashGallery').style.display='none';
}

/////////////////////////////////////////////////////////////////////
/*
function set_png()
{
	if(window.ie6)
	{
		var elements = [];

		

	//	var elements = $$('div[style^=background-image]');
		var elements = $$('li').filterByAttribute('style');

		// ***********
		var  elements = $$('.[style^=background]');
		elements.each(function(el){
			if(el.getStyle('background-image').search(/png/)>-1)
			{
				var bg = el.getStyle('background-image');

				bg = bg.split('(')[1];
				bg = bg.split(')')[0];

				el.setStyles({
					background: '',
					filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='"+bg+"')"
				});
			}
		});
		***************** //
	}
}

window.addEvent('domready',function(){ set_png();  });
*/
//onloadVars[onloadIndex] = 'set_png()';
//onloadIndex++;

/////////////////////////////////////////////////////////////////////

function open_window(w_url, w_width, w_height)
{
	//w_url = 'http://wwfmaps.gbdev1.com';
	eval("page = window.open('"+w_url+"', 1, 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width="+w_width+",height="+w_height+",left=50%,top=50%')");
}

/////////////////////////////////////////////////////////////////////

//onloadVars[onloadIndex] = 'hideNonflash()';
//onloadIndex++;


/////////////////////////////////////////////////////////////////////