var imageCount = 0;
var storeImages = new Array();
var hasMap = false;
var latitude = 0;
var longitude = 0;

$(document).ready(function() {
	if(GBrowserIsCompatible()) {
		JSimpleMap('storemap', latitude, longitude);
	}
});

$(document).unload(function() {GUnload();});

function nextImage() {
	if (imageCount < storeImages.length - 1) {
		imageCount = imageCount + 1;
		$('#storeimage').attr('src', storeImages[imageCount].src);
	}
	else {
		imageCount = 0;
		$('#storeimage').attr('src', storeImages[imageCount].src);
	}
}

function showImages() {
	$('#showmap').addClass('inactive');
	$('#showmap').removeClass('active');
	$('#showimages').addClass('active');
	$('#showimages').removeClass('inactive');
	$('#storemap').hide();
	$('#storeimage').show();
	$('#storemoreimagesmessage').css('visibility', 'visible');
}


function showMap() {
	$('#showmap').addClass('active');
	$('#showmap').removeClass('inactive');
	$('#showimages').addClass('inactive');
	$('#showimages').removeClass('active');
	$('#storemap').show();
	$('#storeimage').hide();
	$('#storemoreimagesmessage').css('visibility', 'hidden');

	JSimpleMap('storemap', latitude, longitude);
}


function JSimpleMap(mapName, latitude, longitude) {
		var map = new GMap2(document.getElementById(mapName));
		var point = new GLatLng(latitude, longitude);
		var markerOptions = new Object();
		
		var icon = new GIcon();
		icon.iconSize = new GSize(20, 34);
		icon.iconAnchor = new GPoint(10, 34);
		icon.infoWindowAnchor = new GPoint(10, 1);
		icon.image = "/images/maps/png/marker_purple.png";
		icon.printImage = "/images/maps/gif/marker_purple.gif";
		//Not sure why, but when we enable this the non-print view
		//shows it too and it's all ugly
		//icon.mozPrintImage = "/images/maps/gifmoz/marker_purple.gif";
		
		markerOptions.icon = icon;
		markerOptions.clickable = false;

		map.setCenter(point, 15);
		map.addControl(new GSmallMapControl());
		map.addOverlay(new GMarker(point, markerOptions));
}