// javascript functions for detail.php
// uses prototype library, make sure it's loaded

function updatepic(pos)
	{
	currentpic = pos;
	$('picture').src = picture[pos];
	$('caption').innerHTML = caption[pos];
	}

function zoompic(pos)
	{
	updatepic(pos);
	
	if (zoom[pos])
		{
		$image = new Image;
		$image.src = zoom[pos];
		$('zoompicture').src = zoom[pos];
		$('zoomcaption').innerHTML = caption[pos];
		Element.hide($('photoLayer'));
		Element.show($('zoomLayer'));
		}
	}

function zoomcurrent()
	{
	zoompic(currentpic);
	}

function unzoom()
	{
	Element.hide($('zoomLayer'));
	Element.show($('photoLayer'));
	}

function showDetail()
	{
	hideAll();
	$('detailsLayer').show();
	$('navDetailAnchor').addClassName('active');
	}

function showPhoto()
	{
	hideAll();
	$('photoLayer').show();
	$('navPhotoAnchor').addClassName('active');
	}

function showDeals()
	{
	hideAll();
	$('dealsLayer').show();
	$('navDealsAnchor').addClassName('active');
	}

function showEvents()
	{
	hideAll();
	$('eventsLayer').show();
	$('navEventsAnchor').addClassName('active');
	}

function showMap()
	{
	hideAll();
	$('mapLayer').show();
	$('navMapAnchor').addClassName('active');
	}

function hideAll()
	{
	$('detailsLayer', 'photoLayer', 'mapLayer', 'zoomLayer', 'dealsLayer', 'eventsLayer').invoke('hide');
	$('navDetailAnchor', 'navMapAnchor', 'navPhotoAnchor', 'navDealsAnchor', 'navEventsAnchor').invoke('removeClassName', 'active');
	}

function hideMap()
	{
	$('mapLayer').hide();
	}


// load google maps
function loadmap(lat, lon)
	{
	if (GBrowserIsCompatible())
		{
        var map = new GMap2(document.getElementById("mapdiv"));
        map.setCenter(new GLatLng(lat, lon), 10);
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        map.addOverlay(new GMarker(new GLatLng(lat, lon)));
		}
	}