var selectedImage = -1;
var imagesSupport = document.images;
menuImage = new Array();

function imageObj(name, normalSrc, hiSrc, selectedSrc){
	if(imagesSupport){
		this.normal = new Image();
		this.hilite = new Image();
		this.selected = new Image();
		this.name = name;
		this.normal.src = normalSrc;
		this.hilite.src = hiSrc;
		this.selected.src = selectedSrc;
	}
}

function makeSelected(inImgArrayNum){
	if(imagesSupport){
		if(inImgArrayNum != selectedImage && menuImage[inImgArrayNum]){
			if(selectedImage != -1) {
				prevSelected = menuImage[selectedImage].name;
				document.images[prevSelected].src = menuImage[selectedImage].normal.src;
			}
			document.images[menuImage[inImgArrayNum].name].src = menuImage[inImgArrayNum].selected.src;
			selectedImage = inImgArrayNum;
		}
	}
}

function makeNormal(inImgArrayNum){
	if(imagesSupport){
		if(inImgArrayNum != selectedImage){
			document.images[menuImage[inImgArrayNum].name].src = menuImage[inImgArrayNum].normal.src;
		}
	}
}

function makeHilite(inImgArrayNum){
	if(imagesSupport){
		if (inImgArrayNum != selectedImage){
			document.images[menuImage[inImgArrayNum].name].src = menuImage[inImgArrayNum].hilite.src;
		}
	}
}

function showImg(imgSrc, divId, firstImg) {
	var div = document.getElementById(divId)
	var origImg = document.getElementById(firstImg);
	origImg.style.zIndex = 0

	var newImg = createElement(div, "img", false, false, false, 332, 192, imgSrc)
	newImg.className = "fadeinImg"

	setOpacity(newImg, 0)
	newImg.style.zIndex = 1

	model.tweenEngine.fadeGalleryOut(newImg, 1)
	origImg.id = "origImg"
	newImg.id = firstImg
}

function setFilter(img) {
	if (document.body.filters && model.ie6) {
		img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='"+ img.src +"')"
		img.style.width = img.width
		img.style.height = img.height
		img.onload = null
		img.src = "img/trans.gif"
	}
}

function createMarker(map, point, infoPoint) {
	var marker = new GMarker(point);
	GEvent.addListener(marker, "click", function() {
		map.openInfoWindowHtml(infoPoint, '<img src="/img/generaal.jpg" class="contentimg left" alt="" /> <div class="left" style="padding: 20px 5px;"><a href="http://maps.google.com/maps?f=q&hl=en&q=generaal+vetterstraat+76,+amsterdam&layer=&sll=52.343572,4.846709&sspn=0.007498,0.01929&ie=UTF8&z=16&ll=52.343284,4.846752&spn=0.007498,0.01929&t=k&om=1&iwloc=addr" target="_blank">Klik hier voor de routebeschrijving</a></div>');
	});
	return marker;
}

function loadGMap() {
	if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById("map"));
		var point = new GLatLng(52.343649,4.846395)
		var infoPoint = new GLatLng(52.343664,4.846701)
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(52.34399,4.847358), 17);
		map.addOverlay(createMarker(map, point, infoPoint));
		map.setMapType(G_SATELLITE_MAP);
	}
}