var link1 	= "images/MediaRelease1.jpg";
var link2 	= "images/MediaRelease2.jpg";
var link3 	= "images/article1.jpg";
var link4 	= "images/article2.jpg";
var link5 	= "common/images/googlemap.gif";

var goImg	= "<br/>(hover left / right of this image to navigate to the previous / next image)";
var title1 	= "The Wine Review 2001 ";
var title2 	= "Zao Bao Review 2009 ";
var title3 	= "Map for The Wine Gallery at Magnum ";
var title4 	= "Map for The Wine Gallery at Club Street ";
var title5 	= "Map for The Wine Gallery at Boat Quay ";
var title6 	= "Map for The Wine Gallery at Tanglin ";
var title7 	= "Map for The Wine Gallery at Kallang ";
var title8 	= "Map for The Wine Gallery at Keong Siak ";

function show(image) {
	
	//problem
	//document.flashsite.setAttribute('wmode', 'transparent');
	//alert(document.flashsite.getAttribute('wmode'))
	
	var a = document.getElementById("media"+image+"");
	
	// //start googlemap
	
	var f = new Array()
	f[1] = link1; //media release 1 img link
	f[2] = link2; //media release 2 img link
	f[3] = link3; //article 1 img link
	f[4] = link4; //article 2 img link
	
	f[5] = link5; //cc
	f[6] = link5; //cs
	f[7] = link5; //bq
	f[8] = link5; //tl
	f[9] = link5; //kl
	f[10] = link5; //ks
	
	var url = f[image];
	//alertSize();
	a.setAttribute('href', url);
	myLightbox.start(a);

	
	if(image < 5) {
		document.getElementById("map_canvas").style.visibility = "hidden";
		document.getElementById("map_canvas").style.display = "none";
	}
	else{
		document.getElementById("map_canvas").style.visibility = "visible";
		document.getElementById("map_canvas").style.display = "block";
	}
	
	
	switch(image)
	{		
		case 5: map.panTo(cc); map.setZoom(17); break;
		case 6: map.panTo(cs); map.setZoom(18); break;
		case 7: map.panTo(bq); map.setZoom(17); break; 
		case 8: map.panTo(tl); map.setZoom(17); break;
		case 9: map.panTo(kl); map.setZoom(17); break;
		case 10: map.panTo(ks); map.setZoom(17); break;
	}	
}

initLightbox();

document.write ("<a name='top'></a>");
document.write ("<a id='media1' href='"+link1+"' rel='lightbox[publication1]' title='"+title1+"'></a>");
document.write ("<a id='media2' href='"+link2+"' rel='lightbox[publication1]' title='"+title1+"'></a>");
document.write ("<a id='media3' href='"+link3+"' rel='lightbox[publication2]' title='"+title2+"'></a>");
document.write ("<a id='media4' href='"+link4+"' rel='lightbox[publication2]' title='"+title2+"'></a>");

document.write ("<a id='media5' href='"+link5+"' rel='lightbox[mapCC]' title='"+title3+"'></a>"); //cc
document.write ("<a id='media6' href='"+link5+"' rel='lightbox[mapCS]' title='"+title4+"'></a>"); //cs
document.write ("<a id='media7' href='"+link5+"' rel='lightbox[mapBQ]' title='"+title5+"'></a>"); //bq
document.write ("<a id='media8' href='"+link5+"' rel='lightbox[mapTL]' title='"+title6+"'></a>"); //tl
document.write ("<a id='media9' href='"+link5+"' rel='lightbox[mapKL]' title='"+title7+"'></a>"); //kl
document.write ("<a id='media10' href='"+link5+"' rel='lightbox[mapKS]' title='"+title8+"'></a>"); //ks

//setTimeout("show(1)", 1000);