﻿// JScript File
var map;
var flag=true;
var map_id ="map"
function initialize() 
{
      if (GBrowserIsCompatible()) 
      {
            map = new GMap2(document.getElementById(map_id));
            map.setCenter(new GLatLng(50, 26), 5);
            map.enableDoubleClickZoom(); 
      }
}
function FormatMarker(HotelName,Address,stars,photo)
{
    var str_star="";
    var max =Math.ceil(parseInt(stars));
    if (max>0)
    {
        for(var i =0;i<max;i++)
        {
            str_star +="<img src='images/star_small.gif'>";
        }
    }
    var ret ="<table width='200px'><tr><td rowspan='2'><img width='80px' height='80px' src='"+ photo +"'></td><td style='font-weight:bold'>"+ HotelName + " " + str_star  +"</td></tr><tr><td>"+ Address +"</td></tr>";
    ret +="</table>"
    return ret;
}
function GetData(Latitudes,Longitudes,HotelName,Address,stars,photo)
{
    if(flag)
    {
        initialize()
        flag=false;
    }
    if(map_id !="map")
    {
   
        var Desc =FormatMarker(HotelName,Address,stars,photo)  ;
        var point = new GLatLng(Latitudes,Longitudes);
        var marker = createMarker(point,Desc);
        map.addOverlay(marker);
     }
      map.setCenter(new GLatLng(Latitudes, Longitudes),11);
}        
function createMarker(point, Desc)
{
    var marker = new GMarker(point);
    GEvent.addListener(marker, "click", function()
        {
            var lat = point.lat()
            var lng = point.lng()
            map.setCenter(new GLatLng(lat,lng),15);
        }
     );

    GEvent.addListener(marker, "mouseover", function()
    {
        marker.openInfoWindowHtml(Desc);
    }
    );
    return marker;
}
function ParseData()
{
    
    if (typeof LatLon != 'undefined')
    {
       
        var arr_loc=LatLon.split("+");
        var arr_name=HotelName.split("+");
        var arr_address=Address.split("+");
        var arr_photo =Photo.split("+");
        var arr_star =Stars.split("+");
        var found =false;
        for(i = 0; i < arr_loc.length; i++)
        {
      
           var arr_latlon=arr_loc[i].split(":");
           if ( arr_latlon[0]!=0 && arr_latlon[1]!=0)
           {
                found =true;
                GetData(arr_latlon[0],arr_latlon[1],arr_name[i],arr_address[i],arr_star[i],arr_photo[i])
                if (map_id != "map")
                {
                    map.addControl(new GLargeMapControl());
                    map.addControl(new GOverviewMapControl());
                }
            }
        }// end for
        if(found ==false)
        {
            document.getElementById("div_right_map").style.visibility ="hidden";
            document.getElementById("div_right_map").style.display ="none";
        }
    }
}
function ParseData2()
{
    map_id ="div_map";
   flag =true;
    ParseData();
}

//
 var baseText = null;
 function showPopup()
 { 

      var width ;
      var height ;
      var w=410;
      var h=410;
   if (window.innerWidth) //if browser supports window.innerWidth
    {
       width = window.innerWidth;
       height =window.innerHeight;
      
    }
    else if (document.documentElement) //else if browser supports document.all (IE 4+)
    {
        width =document.documentElement.clientWidth ;
        height=document.documentElement.clientHeight;
        
    }
    else if (document.body)
    {
        width =document.body.clientWidth ;
        height=document.body.clientHeight;
    }
      var popUp = document.getElementById("popupcontent");
      
      
      popUp.style.width = w + "px";
      popUp.style.height = h + "px";
       ParseData2 ();
      
      popUp.style.top =Math.ceil((height -h )/2) + "px"
      popUp.style.left =Math.ceil((width -w )/2) + "px"
      popUp.style.visibility = "visible";
     
     
}
function hidePopup()
{
      var popUp = document.getElementById("popupcontent");
      popUp.style.visibility = "hidden";
}


