var curr_elt = 0;

var divs = new Array ('benefits','info','floorPlanWrapper','mapWrapper');

function swap_random_image(container_id)
{
	divSwapImages = document.getElementById(container_id).getElementsByTagName('img');
	swapper = parseInt(Math.random() * divSwapImages.length);
	divSwapImages[swapper].className = 'show';
}


function tick()
{
	var imgs = document.getElementById('homeBanner').getElementsByTagName('img');

	var prev_elt = curr_elt;

	if (++curr_elt == imgs.length)
		{curr_elt = 0;}

	imgs[curr_elt].className = 'show';
	imgs[prev_elt].className = 'hide';

	return false;
}


function swap_office_image(image_id)
{
	for (i=1;i<=5;i++)
	{
		elt = document.getElementById("office_img_0" + i);

		if (elt)
		{
			if (i == image_id)
			{
				elt.className = "show";
			}
			else
			{
				elt.className = "hide";
			}
		}
	}
	return false;
}


function drawMapOld(lat,lon)
{
	var mapDiv = document.getElementById("map");
	var map = new GMap2(mapDiv);

	map.addControl(new GSmallMapControl());
	map.setCenter(new GLatLng(lat,lon), 15);

	var point = new GLatLng(lat,lon);
	map.addOverlay(new GMarker(point));

	showElt('mapWrapper');
	return false;
}


function drawMap(lat,lon)
{
	var mapDiv = document.getElementById("map");
	var map = new GMap2(mapDiv,{size: new GSize('370','300')});

	map.addControl(new GSmallMapControl());
	map.setCenter(new GLatLng(lat,lon), 15);

	//var point = new GLatLng(lat,lon);
	//map.addOverlay(new GMarker(point));

	var mwbIcon = new GIcon();
	mwbIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
	mwbIcon.iconSize = new GSize(20, 34);
	mwbIcon.shadowSize = new GSize(37, 34);
	mwbIcon.iconAnchor = new GPoint(9, 34);
	mwbIcon.infoWindowAnchor = new GPoint(9, 2);
	mwbIcon.infoShadowAnchor = new GPoint(18, 25);
  	mwbIcon.image = "/images/mwbicon.png";
  	var point = new GLatLng(lat,lon);
  	var marker = new GMarker(point, mwbIcon);
  	map.addOverlay(marker);

	showElt('map');
	return false;
}


function showElt(divId)
{
	var theDiv = document.getElementById(divId);
	if (theDiv)
	{
		theDiv.className="show";
	}
	return false;
}


function hideElt(divId)
{
	var theDiv = document.getElementById(divId);
	if (theDiv)
	{
		theDiv.className="hide";
	}
	return false;
}


function show(divId)
{
	for (var d in divs)
	{
		if (divs[d] != divId)
		{
			hideElt(divs[d]);
		}
	}

	showElt(divId);
	return false;
}

function enablePrefTel(divId)
{
	disableInputs('pref_phone_1');
	disableInputs('pref_phone_2');

	if (divId != '')
	{
		enableInputs(divId);
	}
}


function enablePrefFax(divId)
{
	disableInputs('pref_fax_1');
	disableInputs('pref_fax_2');
	disableInputs('pref_fax_3');

	if (divId != '')
	{
		enableInputs(divId);
	}
}


function enablePrefMail(divId)
{
	disableInputs('pref_mail_1');
	disableInputs('pref_mail_2');
	disableInputs('pref_mail_3');

	if (divId != '')
	{
		enableInputs(divId);
	}
}


function enableInputs(divId)
{
	document.getElementById(divId).className = "orderQuestion"

	var enable = document.getElementById(divId).getElementsByTagName('input');

	for (i=0;i<enable.length;i++)
	{
		enable[i].disabled = false;
	}

	var enable = document.getElementById(divId).getElementsByTagName('textarea');

	for (i=0;i<enable.length;i++)
	{
		enable[i].disabled = false;
	}
}


function disableInputs(divId)
{
	var disable = document.getElementById(divId).getElementsByTagName('input');

	document.getElementById(divId).className = "orderQuestionOff"

	for (i=0;i<disable.length;i++)
	{
		disable[i].disabled = true;
	}

	var disable = document.getElementById(divId).getElementsByTagName('textarea');

	for (i=0;i<disable.length;i++)
	{
		disable[i].disabled = true;
	}
}


function testClick(evt)
{
	var e = evt ? evt : window.event;
	var clickedElt = e.srcElement ? e.srcElement.id : e.target.id;
	if(document.getElementById('locationClick')){
		if((document.getElementById('locationClick').className == 'hide'))
		{
			/* close drop downs as one is open */
			document.getElementById('locationClick').className = 'show';
			document.getElementById('locationListing').className = 'hide';
		}
		else
		{
			if(clickedElt == "locationPara")
			{
				/* open loc dd */
				document.getElementById('locationClick').className = 'hide';
				document.getElementById('locationListing').className = 'show';
			}
		}
	}
	if(document.getElementById('stationClick')){
		if((document.getElementById('stationClick').className == 'hide'))
		{
			/* close drop downs as one is open */
			document.getElementById('stationClick').className = 'show';
			document.getElementById('stationListing').className = 'hide';
		}
		else
		{
			if(clickedElt == "tubePara")
			{
				/* open loc dd */
				document.getElementById('stationClick').className = 'hide';
				document.getElementById('stationListing').className = 'show';
			}
		}
	}
}


function ddClickLocSection(evt)
{
	var e;
	var clickedElt;

	if (!evt)
	{
		e = window.event;
	}
	else
	{
		e = evt;
	}

	if (!e.srcElement)
	{
		clickedElt = e.target.id;
	}
	else
	{
		clickedElt = e.srcElement.id;
	}

	if((document.getElementById('locationClick').className == 'hide') || (document.getElementById('stationClick').className == 'hide'))
	{
		/* close drop downs as one is open */
		document.getElementById('locationClick').className = 'show';
		document.getElementById('locationListing').className = 'hide';
		document.getElementById('stationClick').className = 'show';
		document.getElementById('stationListing').className = 'hide';
	}
	else
	{

		if(clickedElt == "locationPara")
		{
			/* open loc dd */
			document.getElementById('locationClick').className = 'hide';
			document.getElementById('locationListing').className = 'show';
			document.getElementById('stationClick').className = 'hide';
			document.getElementById('stationListing').className = 'hide';
		}


		if(clickedElt == "tubePara")
		{
			/* open tube dd */
			document.getElementById('locationClick').className = 'show';
			document.getElementById('locationListing').className = 'hide';
			document.getElementById('stationClick').className = 'hide';
			document.getElementById('stationListing').className = 'show';
		}


	}

}




function ddClickLocLondon(evt)
{
	var e;
	var clickedElt;

	if (!evt)
	{
		e = window.event;
	}
	else
	{
		e = evt;
	}

	if (!e.srcElement)
	{
		clickedElt = e.target.id;
	}
	else
	{
		clickedElt = e.srcElement.id;
	}

	if(document.getElementById('stationClick').className == 'hide')
	{
		/* close drop downs as one is open */
		document.getElementById('stationClick').className = 'show';
		document.getElementById('stationListing').className = 'hide';
	}
	else
	{
		if(clickedElt == "tubePara")
		{
			/* open tube dd */
			document.getElementById('stationClick').className = 'hide';
			document.getElementById('stationListing').className = 'show';
		}

	}

}

function contentTab(){
	var lis = document.getElementById('contentNavigation').getElementsByTagName('LI');
	var cardContainer = document.getElementById('contentCards');
	var cardsNodes = cardContainer.childNodes;
	var cards = [];
	
	for(var i=0;i<cardsNodes.length;i++){
		if(cardsNodes[i].nodeType==1){
			cards.push(cardsNodes[i]);
		}
	}
	
	for(var i=0;i<lis.length;i++){
		lis[i].onclick = function(){
			var i = 0;
			while(this!=lis[i]){
				i++;
			}
			toggleTabs();
			toggleCards();
			this.className = (this.className.match(/selected/)) ? '' : this.className + 'selected';
			if(cards[i].className.match(/tshow/)){
				cards[i].className = cards[i].className.replace(/tshow/,'thide');
			}
			else{
				cards[i].className = cards[i].className.replace(/thide/,'tshow');
				//map.checkResize();
			}
		};
	}
	
	function toggleTabs(){
		for(var i=0;i<lis.length;i++){
			if(lis[i].className.match(/selected/)){
				lis[i].className = lis[i].className.replace(/selected/,'');
			}
		}
	}
	
	function toggleCards(){
		for(var i=0;i<cards.length;i++){
			if(cards[i].className.match(/tshow/)){
				cards[i].className = cards[i].className.replace(/tshow/,'thide');
			}
		}
	}
}