//<![CDATA[   
    var whichPage; 
    var win_Params = "location=1,statusbar=1,menubar=1,scrollbars=1,resizable=1,width=800,height=500";	       
    jQuery(function(){   
        var  lat, lng, lat1, lng1,  zoom, has2Markers;
                has2Markers   = false; 
                whichPage       =  $( "#pg" ).val(); 
                $(".brian").accessNews({ newsSpeed: "slow" });
                $("a.altNav").eq(0).addClass("thisOne");   
                $( "#ShowRouteBttn" ).click(function ( e ) {  findRoute( e ); return false;    });
                $( document ).keypress( function( e ){  if( e.which == 13 && $( "#StartAddress" ).val() ){   findRoute( e );return false;  }  });
                
                $( ".MapInfoWin" ).click(function ( e ) { 
                    var    url    = $( this ).attr( "href" );
                    var    info  = $( this ).parent().attr( "title" ); 
                    var    hostels  = $( this ).parent().attr( "class" );    
                    displaInfo( e, url, info, hostels ) ; return false;  
                });
               
                
                $( "#modalClick" ).click(function (){ $.modal.close();  });
                $( ".MapWin" ).click(function ( ) {  
                    var  win_HREF    = $( this ).attr( "href" );
                    var  theWindow  = window.open(win_HREF, 'NewWin', win_Params);theWindow.focus();return false; 
                });        
      
		$.ajax({type:"GET",url:"../../../hostels.xml",dataType:"xml",
			success:function(data,textStatus) {
			   $( "marker", data ).each( function() {       
			        var pageId = parseInt( $(this).attr("pageId") );
			              if( pageId == whichPage ){
			                    lat    = parseFloat( $( this ).attr( "lat" ) );
           			            lng   = parseFloat( $( this ).attr( "lng" ) );
           			            if( $( this ).attr( "lat1" ) != "" ){
           			                has2Markers = true;
			                        lat1 = parseFloat( $( this ).attr( "lat1" ) );
           			                lng1 = parseFloat( $( this ).attr( "lng1" ) );             			                
           			            }
           			            zoom = parseInt( $( this ).attr( "zoom" ) );
			              }   
			   }); 
                    if (GBrowserIsCompatible()) {
                        var  redIcon = new GIcon();  // hostel Icon
                                redIcon.image = "../../../images/site/icons/redmarker.png";
                                redIcon.iconSize = new GSize(81, 52);		
								redIcon.shadow = "../../../images/site/icons/markerShadow.png";
                                redIcon.shadowSize = new GSize(108.0, 52.0);
                                redIcon.iconAnchor = new GPoint(14, 52); 
								
                        var  blueIcon = new GIcon(); // Other Icon
                                blueIcon.image = "../../../images/site/icons/bluemarker.png";
                                blueIcon.iconSize = new GSize(81, 52);
                                blueIcon.shadow = "../../../images/site/icons/markerShadow.png";
                                blueIcon.shadowSize = new GSize(108.0, 52.0)
                                blueIcon.iconAnchor = new GPoint(14, 52);                                  
                        var  map = new GMap2( document.getElementById( "gmap" ) );
                                map.addControl( new GLargeMapControl() );      
                                if( has2Markers ){ // alter centre if the map is to have 2 markers  
                                    map.setCenter( new GLatLng(  ( lat + lat1 )/2, ( lng + lng1)/ 2 ), zoom ); 
                                    var point1       = new GLatLng( lat1, lng1 );
                                    var marker1    = new GMarker( point1, blueIcon );    
                                    map.addOverlay( marker1 );                                
                                }
                                else{
                                    map.setCenter( new GLatLng(  lat, lng ), zoom ); 
                                }    
                        var  point = new GLatLng( lat, lng );
                        var  marker = new GMarker( point, redIcon );         
                                map.addOverlay( marker );                          
                    }   
			},
			error:function(XMLHTTPRequest,textStatus,errorThrow){
				alert("There was an error retrieving the marker/map information.");
			}});             
    });
   
    $(document.body).unload(function() {  if (GBrowserIsCompatible()) {  GUnload();  }  });  

    function displaInfo(  e, url, info, hostels ){
//        var  win_HREF         = $( ".MapInfoWin" ).attr( "href" ) ; 
//        var  win_INFO         = $( ".MapInfoWin" ).parent().attr( "title" ); 
//        var  win_HOSTELS   = $( ".MapInfoWin" ).parent().attr( "class" ); 
        var  win_HREF         = url; 
        var  win_INFO         = info; 
        var  win_HOSTELS   = hostels;        
        var  win_REPLACE   = "../../../mapInfoWin.aspx?";
        var  win_GOOGLE   = "http://maps.google.com/maps?";  
        

        
        var  win_STR            =  "<h5 id=\"ModalHead\">Extra Information for directions between " + win_HOSTELS.replace( "-", " and " ) + "</h5>\n";
                win_HREF         = win_HREF.replace( win_REPLACE, win_GOOGLE ) 
                win_STR           += "<p id=\"ModalInfo\">" + win_INFO + "</p>\n"  ;
                win_STR           += "<p id=\"ModalLink\">\n<a href=\"" + win_HREF + "\" target=\"MapWin\" id=\"modalClick\">";
                win_STR           += "Click here to view the route</a>\n</p>"; 
                e.preventDefault();
                $( "#basicModalContent" ).empty();
                $( "#basicModalContent" ).append( win_STR );
                $( "#basicModalContent" ).modal( {overlay: ( 80 )  } ); 
                $( "#basicModalContent #modalClick" ).click(function ( ){   $.modal.close();  });
    } 

    function findRoute(  e ){ 
        var  win_GOOGLE   = "http://maps.google.com/maps?";
        var  win_START       = $( "#StartAddress" ).val();
        var  win_END          = $( "#Destination" ).val();
        var  win_HOSTEL    = $( "#hl" ).val(); 
        var  win_INFO        = $( "#ShowRouteBttn" ).parent().attr( "title" );        
        var  win_HREF        = win_GOOGLE + "saddr=" + escape( win_START ) + "&daddr=" + escape( win_END ); 
        var  win_STR           = "";
                $( "td.FrmErr" ).empty();
                if( !win_START ){ $( "td.FrmErr" ).append( "Please enter a Start Address" );return false;}
                else{
                    if( win_INFO != "" ){ 
                        win_STR   = "<h5 id=\"ModalHead\">Extra Information for directions between " + win_START +  " and " + win_HOSTEL  + "</h5>\n";
                        win_STR   += "<p id=\"ModalInfo\">" + win_INFO + "</p>\n"  ;
                        win_STR   += "<p id=\"ModalLink\">\n<a href=\"" + win_HREF + "\" target=\"MapWin\" id=\"modalClick\">";
                        win_STR   += "Click here to view the route</a>\n</p>"; 
                        e.preventDefault();
                        $( "#basicModalContent" ).empty();
                        $( "#basicModalContent" ).append( win_STR );
                        $( "#basicModalContent" ).modal( {overlay: ( 80 )  } ); 
                        $( "#basicModalContent #modalClick" ).click(function ( ){   $.modal.close();  });      
                    }
                    else{
                        var URL               = win_GOOGLE + "saddr=" + escape( win_START ) + "&daddr=" + escape( win_END )
                        var theWindow   = window.open(URL, 'NewWin', win_Params);theWindow.focus();return theWindow;                 
                    }
                }
    } 
    //]]>