﻿/* 
Programmed By:team
Creation On:12//07/08
Description: binding map function is describe here
*/
// JScript File
     //<![CDATA[
var map="";
var gmarkers = [];		
var i = 0;
var  map;

		
/*FUNCTION FOR LOADING MAP ON WITH SHOWING MARKERS*/  
function mapload(lat,logit,HName,imageurl)
 {   
  // load(lat,logit,HName,imageurl,mapmarker);  
   var mapmarker=document.getElementById("ctl00_ContentPlaceHolder1_Hidden2").value; /*read xml file as string parse file through hidden control*/
   if (GBrowserIsCompatible())
        {
            var mainIcon = new GIcon();
            mainIcon.image = "http://internetworldsolutions.co.uk/images/thishotel.png";
            mainIcon.iconSize = new GSize(27, 30);
            mainIcon.shadowSize = new GSize(22, 20);
            mainIcon.iconAnchor = new GPoint(6, 20);
            mainIcon.infoWindowAnchor = new GPoint(5, 1);
    		
            var hotelIcon = new GIcon();
            hotelIcon.image = "http://internetworldsolutions.co.uk/images/closehotels.png";
            hotelIcon.iconSize = new GSize(22, 22);
            hotelIcon.shadowSize = new GSize(22, 20);
            hotelIcon.iconAnchor = new GPoint(6, 20);
            hotelIcon.infoWindowAnchor = new GPoint(5, 1);                            
            map = new GMap2(document.getElementById("Nmap")); //var mymap=document.getElementById('Nmap');
            //map.addControl(new GOverviewMapControl()); //overview of map control
            map.addControl(new GSmallMapControl()); //toolbar of small map control
	        map.addControl(new GMapTypeControl()); //type  of Maptype control
            
 /*THIS FUNCTION CREATE MARKERS ON THE MAP*/
  function createMarker(point,detail,i) 
     {
        var marker = new GMarker(point,hotelIcon);
        map.addOverlay(marker); 
	    GEvent.addListener(marker, "click", function() 
          {			
               marker.openInfoWindowHtml(detail);            
         
              
          });	
         return marker;    		                   		       
      }
map.setCenter(new GLatLng(lat,logit),13);
var pointm=new GLatLng(lat,logit);//set map location
var markm=new GMarker(pointm,mainIcon);
map.addOverlay(markm);
map.setCenter(point);
//var xmlfilepath=strmarkers; /*map xml file which readable xml parse*/
var xmlfilepath=mapmarker;
var xml = GXml.parse(xmlfilepath); /*map xml file data*/
var markers = xml.documentElement.getElementsByTagName("marker"); 
for (var i = 0; i < markers.length; i++)
  {                
     var point=new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("lng")));
     var detail='<div class="mapHotel"><div class="mapHotelTitle">'+markers[i].getAttribute("hotelname")+'</div><img class="mapImg" src="'+markers[i].getAttribute("image")+'"/>'
     detail+='<td><img src="images/'+markers[i].getAttribute("rating")+'"/><br/><b>Distance</b> '+markers[i].getAttribute("distance")+'<br/>';
     detail+='<b>Avg. Rates</b> '+markers[i].getAttribute("avg_rates")+'<br/>'+markers[i].getAttribute("hotel_summary")+'<br\><span style="float:right;">'+markers[i].getAttribute("bookhotel").replace("Book Now", "<img src='./Images/img/book-now.gif' style='border:none'>")+'</span><div style="clear:both"></div></div>';                           
     gmarkers[i]=createMarker(point,detail );
             	        
  }  /*close for loop section*/
     }   /*close gbrowser*/
  
  // load(lat,logit,HName,imageurl,mapmarker);   /*call function for load map with marker*/
 }
    
/*FUNCTION WILL CALL WHEN USER CLICK ON LINK (VIEW ON MAP)*/     
function myclick(i)
   {
     GEvent.trigger(gmarkers[i], "click");    /*trigger event on map with front loaction for user hotel search page*/
   }



/*LOAD SINGLE MAP*/
function loadSingleMap(map,lat,logit,HotelName,hotelimg,rating,address)
   {
       if (GBrowserIsCompatible())
           {
                var hotelIcon = new GIcon();
		        hotelIcon.image = "http://internetworldsolutions.co.uk/images/closehotels.png";
		        hotelIcon.iconSize = new GSize(22, 22);
		        hotelIcon.shadowSize = new GSize(22, 20);
		        hotelIcon.iconAnchor = new GPoint(6, 20);
		        hotelIcon.infoWindowAnchor = new GPoint(5, 1);
		      
    		    map = new GMap2(document.getElementById("hotel_map"));/*hotel map id individual*/    
                map.addControl(new GSmallMapControl()); /*small zoom level control*/   	        
	            map.addControl(new GMapTypeControl()); /*Gtype control satelite/hybrid*/
	            map.setCenter(new GLatLng(lat,logit),13);/*set map centre control in the map*/
               var point=new GLatLng(lat,logit); /*set map location*/
               var marker = new GMarker(point,hotelIcon);
               map.addOverlay(marker);/*pop window on markers*/ 
		       var detail='<div class="mapHotel" style="width:200px"><div class="mapHotelTitle">'+HotelName+'</div><img class="mapImg" src="'+hotelimg+'"/><br\><img style="border:0px;" src="'+rating+'"/><br\>'+address+'<div style="clear:both"></div></div>';                    
               marker.openInfoWindowHtml(detail); /*open pop up window on hotel details page*/
		       GEvent.addListener(marker, "click", function() 
		        {		
		          var detail='<div class="mapHotel" style="width:200px"><div class="mapHotelTitle">'+HotelName+'</div><img class="mapImg" src="'+hotelimg+'"/><br\><img style="border:0px;" src="'+rating+'"/><br\>'+address+'<div style="clear:both"></div></div>';
                  marker.openInfoWindowHtml(detail);                  
                 
    	        });
            }
}

/*FUNCTION FOR UPDATE URL*/
function updateUrl()
     {
      /*get data from existing url and update it*/
        var indate=document.getElementById("ctl00_txtdate").value;
        var noofnights=document.getElementById("ctl00_ddlnights").value;
        var noofrooms=document.getElementById("ctl00_ddlrooms").value;
        var noofadults=document.getElementById("ctl00_ddlperson").value;
        var searchby=document.getElementById("ctl00_SearchOP").value;
        var orderby=document.getElementById("ctl00_ddlsorting").value;
        window.location.href='HotelSearchResults.aspx?indate='+indate+'&NoOfNights='+noofnights+'&NoOfRooms='+noofrooms+'&NoOfAdults='+noofadults+'&sortBy='+searchby+'&orderBy='+orderby;
}