// JavaScript Document

var map;

// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var baseIcon = new GIcon();
baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);


// dcu geoPoint
var geoPointDcu= new GLatLng(53.3851, -6.2558);
var markerDcu = new GMarker(geoPointDcu, {icon: getLetterIcon("A"),title: "Dublin City University"});

var geoPointAirport= new GLatLng(53.4280, -6.2400);
var markerAirport =new GMarker(geoPointAirport,{icon: getLetterIcon("B"), title: "Dublin Airport"});

var geoPointRegencyHotel= new GLatLng(53.3774, -6.2477);
var markerRegencyHotel =new GMarker(geoPointRegencyHotel,{icon: getLetterIcon("C"), title: "The Regency Hotel Dublin"});

var geoPointPorterhouseNorthPub= new GLatLng(53.3647, -6.2713);
var markerPorterhouseNorthPub =new GMarker(geoPointPorterhouseNorthPub,{icon: getLetterIcon("D"), title: "Porterhouse North Pub"});

function load(){
      if (GBrowserIsCompatible()) {  
        map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        
        map.setCenter(new GLatLng(53.4080, -6.2560), 13);
        

        //在地图上为marker0添加涂层，显示marker0
        map.addOverlay(markerDcu);
		map.addOverlay(markerAirport);
		map.addOverlay(markerRegencyHotel);
		map.addOverlay(markerPorterhouseNorthPub);
		
		GEvent.addListener(markerAirport, "click", function(){  markerAirport.openInfoWindowHtml("<div>Dublin Airport<br>Bus to DCU: 16a, 41, 41b, 46x, 58x</div>");});
		
        markerDcu.openInfoWindowTabsHtml(getEcowsTabs());
		GEvent.addListener(markerDcu, "click", function(){ markerDcu.openInfoWindowTabsHtml(getEcowsTabs())});
		
		GEvent.addListener(markerRegencyHotel, "click", function(){ markerRegencyHotel.openInfoWindowHtml("<div>The Regency Hotel, Dublin</div>");});
		
		GEvent.addListener(markerPorterhouseNorthPub, "click", function(){ markerPorterhouseNorthPub.openInfoWindowHtml("<div>Reception: Porterhouse North Pub</div>");});
		
      }
    }



function backToDcu(){;
	markerDcu.openInfoWindowTabsHtml(getEcowsTabs());
	map.panTo(geoPointDcu);
}

function backToAirport(){
	markerAirport.openInfoWindowHtml("<div>Dublin Airport<br>Bus to DCU: 16a, 41, 41b, 46x, 58x</div>");
	map.panTo(geoPointAirport);
}

function backToRegencyHotel(){
	markerRegencyHotel.openInfoWindowHtml("<div>The Regency Hotel, Dublin</div>");
	map.panTo(geoPointRegencyHotel);
}

function backToPorterhouseNorthPub(){
	markerPorterhouseNorthPub.openInfoWindowHtml("<div>Reception: Porterhouse North Pub</div>");
	map.panTo(geoPointPorterhouseNorthPub);
}

function getEcowsTabs(){
	var tabs = [new GInfoWindowTab("ECOWS'08", getEcowsDiv()),
                new GInfoWindowTab("Transport", getTransport()),
               new GInfoWindowTab("Weather", "<div style='width:270px'>" +getWeather()+"</div>")
				];
	return tabs;
}

function getEcowsDiv(){
	var div = document.createElement("div");
    div.style.color = "Blue";
	var img_banner = document.createElement("img");
	img_banner.setAttribute("src", "../libs/banner.gif");
	div.appendChild(img_banner);
	div.appendChild(document.createElement("br"));
    div.appendChild(document.createTextNode("Dublin City University"));
	return div;
}

//-------------- ICON -----------------
function getLetterIcon(letter){
	var letteredIcon = new GIcon(baseIcon);
	letter = String.fromCharCode(letter.charCodeAt(0));
  	letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
	return letteredIcon;
}

function getTransport(){
	return "<div >How to get to DCU <br> <a href='http://www.dcu.ie/info/get_to.shtml' target='_blank' >http://www.dcu.ie/info/get_to.shtml</a></div>";
}

function getWeather(){
	return "<div style='width: 120px; height: 60px; background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/green_120x60_bg.jpg ); background-repeat: no-repeat; background-color: #336633;' ><div style='height: 48px;' ><object type='application/x-shockwave-flash' data='http://netweather.accuweather.com/adcbin/netweather_v2/netwx-v27.swf' height='48' width='120' align='top'>    <param name='movie' value='http://netweather.accuweather.com/adcbin/netweather_v2/netwx-v27.swf' />    <param name='allowScriptAccess' value='never' />    <param name='allowNetworking' value='internal' />    <param name='quality' value='high' />    <param name='scale' value='noscale' />    <param name='salign' value='lt' />    <param name='wmode' value='transparent' />    <param name='bgcolor' value='#ffffff' />    <param name='flashvars' value='partner=netweather&myspace=1&logo=0&tStyle=whteYell&zipcode=EUR|IE|EI006|DUBLIN|&lang=uke&size=27&theme=1&metric=1' /></object></div><div style='text-align: center; font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; color: #FFFFFF;' ><a style='color: #FFFFFF' href='http://www.accuweather.com/world-index-forecast.asp?partner=netweather&locCode=EUR|IE|EI006|DUBLIN|&metric=1' >Weather Forecast</a></div></div>";
}