// JavaScript Document
var dataHotel = new Array () ;
var detailHotel = new Array () ;
var AJAX_Hotel;
var AJAX_HotelDetail ;
var pageHotel = new Array () ;

function Hotel (flag,id)
{
  var input = document.getElementById("Layer3") ;
  input.checked = true;
  if (input.checked == true)
  {    
    this.mapObj.setCenter () ;
	this.mapObj.getRowCol () ;    
    var url = AjaxServer + "hotel.php" ;
    var sd = document.getElementById("SD");
    if (sd) sd.innerHTML += "<BR>" + this.mapObj.getMouseType();
    if (this.mapObj.getMouseType() != "ruler" )
    {
      url = url + "?top=" + this.mapObj.getTop() ;
      url = url + "&left=" + this.mapObj.getLeft() ;
      url = url + "&bottom=" + this.mapObj.getBottom() ;
      url = url + "&right=" + this.mapObj.getRight() ;
    } else if (this.mapObj.getMouseType() == "ruler" )
    {
      url = url + "?top=" + TLRuler[1] ;
      url = url + "&left=" + TLRuler[0] ;
      url = url + "&bottom=" + BRRuler[1] ;
      url = url + "&right=" + BRRuler[0] ;
    }
    url = url + "&level=" + this.mapObj.getLevel() ;
    if (flag) 
    {
    	url = url + "&status=" + flag + "&wineID="  + id;	    	
    }
    url = url + "&sid=" +  Math.random() ;
    
    AJAX_Hotel = new ajax();
    AJAX_Hotel.Ajax_ID = "GetHotel";
    AJAX_Hotel.url = url ;

  	AJAX_Hotel.method = "GET" ;
  	AJAX_Hotel.timeout = 60 ;
  	AJAX_Hotel.callback = "bundleDataHotel();" ;
  	AJAX_Hotel.request();                      
  }
  else
  {
    if (document.getElementById("Layer_Hotel_" + this.mapObj.divName))
    {
      var LW = document.getElementById("Layer_Hotel_" + this.mapObj.divName) ;
      LW.innerHTML = "" ;
      if (document.getElementById("Balloon_" + this.mapObj.divName))
      {
        var divLayer = document.getElementById("Balloon_" + this.mapObj.divName) ;
        divLayer.innerHTML = "" ;    
      }      
    }    
  }
}

function HotelDB ()
{	
	this.X = 0 ;
	this.Y = 0 ;
	this.Xp = 0 ;
	this.Yp = 0 ;		
	this.Hotel = new Array () ;
}

function HotelDetail ()
{
	this.id = "";
	this.Hotelname = "" ;
	this.address = "" ;
	this.longitude = "" ;
	this.latitude = "" ;
	this.suburb = "" ;
	this.state = "" ;
	this.stateID = "" ;
	this.regionID = "" ;
	this.councilID = "" ;
	this.suburbID = "" ;
	this.Photo = "";
	this.imgSrc = "" ; 
}


function bundleDataHotel ()
{	
//  dataFull = AJAX_Hotel.resultText();  
//  delete AJAX_Hotel;
  this.mapObj.setGenmapClickAction(1);

//  dataFull = "3\n145.08362800\t-38.31459100\t23703\t1\n145.41400295\t-37.61328501\t73778\t1\n145.45427511\t-37.78225800\t73812\t1\n"
  dataHotel.splice(0, dataHotel.length) ;
  var dataLine = dataFull.split("\n") ;
  dataLine.shift() ; // remove first record consist total hotel

  for (var i = 0 ; i < dataLine.length - 1 ; i ++)
  {         
    var dataDetail = dataLine[i].split("\t") ;    
    var a = this.mapObj.changeToPixel(dataDetail[0],dataDetail[1]) ;
    if (dataHotel.length == 0)    
    {          
      dataHotel[0] = new HotelDB () ;      
      dataHotel[0].Hotel[0] = new HotelDetail() ;      
      dataHotel[0].X = dataDetail[0] ;
      dataHotel[0].Y = dataDetail[1] ;
      dataHotel[0].Name = dataDetail[3] ;
      dataHotel[0].Xp = a[0] ;
      dataHotel[0].Yp = a[1] ;
      dataHotel[0].id = dataDetail[2] ;
      dataHotel[0].Hotel[0].id = dataDetail[2] ;            
      dataHotel[0].Hotel[0].HotelUrl = dataDetail[4] ;            
    }
    else
    {
      var newId = dataHotel.length ;
      var flag = 0 ;
      for (var j = 0 ; j < dataHotel.length ; j ++)
      {                
        if ( (dataDetail[0] == dataHotel[j].X && dataDetail[1] == dataHotel[j].Y) || ( ( Math.abs(dataHotel[j].Xp - a[0]) < 5 ) && ( Math.abs(dataHotel[j].Yp - a[1]) < 5 ) ) )
        {
			var k = dataHotel[j].Hotel.length ;
			dataHotel[j].Hotel[k] = new HotelDetail () ;		
			dataHotel[j].Hotel[k].id = dataDetail[2] ;           			
      dataHotel[j].Hotel[k].HotelUrl = dataDetail[4] ;            
			flag = 1 ;                   
        }
      }
      
      if (flag == 0)
      {
        dataHotel[newId] = new HotelDB() ;
        dataHotel[newId].Hotel[0] = new HotelDetail () ;
        dataHotel[newId].X = dataDetail[0] ;
        dataHotel[newId].Y = dataDetail[1] ;
		dataHotel[newId].Name = dataDetail[3] ;
        dataHotel[newId].Xp = a[0] ;
        dataHotel[newId].Yp = a[1] ;
        dataHotel[newId].id = dataDetail[2] ;
        dataHotel[newId].Hotel[0].id = dataDetail[2] ;        
        dataHotel[newId].Hotel[0].HotelUrl = dataDetail[4] ;            
      }    
    }
  }    
  showHotel() ;  
}


function ShowOffSet(ID) {
	var left = 0 ;
	var top = 0 ;
	var NewID = document.getElementById(ID);
	left = 0 ;
	top = 0 ;
	while (NewID.offsetParent) {
		top += parseInt(NewID.offsetTop,10) ;
		left += parseInt(NewID.offsetLeft,10) ;
		NewID = NewID.offsetParent ;
	}
	var NewObj = new NewOffSet();
	NewObj.left = left ;
	NewObj.top = top ;
	return NewObj ;
}

// for tooltip
function W_Delay(Objn) {
	var WT = document.getElementById('hotelTooltip');
	var Obj = document.getElementById(Objn);

//	WT.style.left = parseInt(Obj.style.left);
//	alert(Obj.lon - this.mapObj.xStart);
	WT.style.left = (Obj.lon - this.mapObj.xStart) + 5 + "px";
	WT.style.top = Obj.style.top;
	WT.style.visibility="visible";
}


function Hotel_Tooltip(Obj,S) {
	if (!document.getElementById("hotelTooltip"))
	{
		var tmpDiv = document.createElement("div") ;
		tmpDiv.id = "hotelTooltip";
		tmpDiv.style.position= "absolute";
		tmpDiv.style.left = 0;
		tmpDiv.style.left = 0;
		tmpDiv.style.zIndex = 1000000;
		tmpDiv.style.visibility= "hidden";
		tmpDiv.style.display = "none";
		document.getElementById("Layer_Hotel_" + this.mapObj.divName).appendChild(tmpDiv) ;

	}

	var WT = document.getElementById('hotelTooltip') ;
	WT.innerHTML = "" ;
	if (S==0) {
		WT.style.display="none";
		WT.style.visibility="hidden";
	} else {
		WT.innerHTML = "<table style=\"border: solid 2px #FF0000; background-color:#F9FDC1;\" bgcolor=\"#FFFFFF\"><tr><td nowrap class=\"content\"><b>"+Obj.detail+"</b></td></tr></table>";	
		WT.style.display="";
		setTimeout("W_Delay('"+Obj.id+"');",10);
	}	
}






function showHotel () 
{
  var hotelIcon = ['A','B','C','D','E','F','G','H','I','J'];
  var parent = "mapDiv_" + this.mapObj.divName ;
  var child = "Layer_Hotel_" + this.mapObj.divName ;
  var input = document.getElementById("Layer3") ;
  input.checked = true;
  
  if (!document.getElementById(child))
  {
    createNewLayer(parent,child) ;
    input.code = "Layer_Hotel_" + this.mapObj.divName ;
  }

  var LP = document.getElementById(child) ;
  LP.innerHTML = "" ;
  LP.style.zIndex = 999990 ;
  LP.style.position = "absolute" ;
        
  if (input.checked == true)
  {      
    for (var i = 0 ; i < dataHotel.length ; i ++)
    {
      var id = "Hotel_icon_" + dataHotel[i].id ;    
      if (!document.getElementById(id))
      {         
        var a = this.mapObj.changeToPixel(dataHotel[i].X,dataHotel[i].Y) ;
        var img = document.createElement("img") ;
        img.id = id ;
		img.src = imageURL + "../images/icon-hotel-"+ hotelIcon[i] +".png" ;          
		img.style.height = "25px";
		img.style.width = "25px";
		img.className = "pngfix";
		img.detail= dataHotel[i].Name;
		img.alt = "click to view detail"
		img.style.position = "absolute" ;  		
		img.sX = this.mapObj.xStart ;
		img.sY = this.mapObj.yStart ;
		img.lon = a[0] ;
		img.lat = a[1] ;
		img.onload = function ()
   		{
			this.style.left = (this.lon - this.sX) - (parseInt(this.width)/2) + 'px' ;
			this.style.top = (this.lat - this.sY) - (parseInt(this.height)/2) + 'px' ;		
        }  		
		img.style.left = ((a[0] - this.mapObj.xStart) - (parseInt(img.width)/2)) + 'px' ;			
		img.style.top = ((a[1] - this.mapObj.yStart) - (parseInt(img.height)/2)) + 'px' ;      
        img.style.cursor = 'pointer' ;
        img.index = i ;
        img.style.zIndex = 999999 ;
        img.mapObj = this.mapObj ;
        img.style.visibility = 'visible' ; 
        img.style.display = '' ;
        dataHotel[i].Xp = parseInt(img.style.left) ;
        dataHotel[i].Yp = parseInt(img.style.top) ;          
    		img.onmouseover = function()
    		{
				this.PrevZIndex = this.style.zIndex ;
				this.style.zIndex = 99998 ;
				if (!this.title)
				{
					Hotel_Tooltip(this,1);	
				}				
    		}
    		img.onmouseout = function()
    		{
   				this.style.zIndex = this.PrevZIndex ;
   				if (!this.title)
				{
					Hotel_Tooltip(this,0);
				}
		}     	
        img.onclick = moveHotelMap ;
        LP.appendChild(img) ;       
      }	                      
    }    
  }  
  else
  {
    if (document.getElementById("Balloon_" + this.mapObj.divName))
    {
      var divLayer = document.getElementById("Balloon_" + this.mapObj.divName) ;
      divLayer.innerHTML = "" ;    
    }
  }
  
	if (clickedHotel != "")
	{
		if(document.getElementById(clickedHotel)) {
			document.getElementById(clickedHotel).onclick();
		}
	}
}

var clickedHotel = "";

function moveHotelMap(Hotelid) 
{
	clickedHotel = this.id;
	this.mapObj.xNext = this.lon ; 
	this.mapObj.yNext = this.lat ; 	
	this.mapObj.movX = 0 ;
	this.mapObj.movY = 0 ;

	// for balloon
	this.mapObj.xNext = this.mapObj.xNext - this.mapObj.xStart ;	 
	this.mapObj.yNext = this.mapObj.yNext - this.mapObj.yStart - 150 ;

	detailHotel = new HotelDetail () ;
	this.mapObj.flagAnim = 2;
	this.mapObj.checkAnimation () ;
	showHotelInfo(this) ;
}

var wid ;
var wid2 ;
function showHotelInfo (image)
{
//	if (document.getElementById("Balloon_" + mapObj.divName))
//	{
		var div = document.getElementById("Balloon_" + this.mapObj.divName) ;     
		div.style.left = parseInt(image.style.left) - 140 + 'px' ;
		div.style.top = parseInt(image.style.top) - 240 + 'px' ;
		div.innerHTML = "" ;
//	}
  if (!document.getElementById("Balloon_Img"))
  {
    var img = document.createElement("img") ;    
    img.id = "Balloon_Img" ;
    img.divLayer = div ;
    img.onclick = function ()
    {
      this.divLayer.innerHTML = "" ;
    }  
    div.appendChild(img) ;
    transparantPNG (div,img) ;
    
    var info = document.createElement ("div") ;
    info.id = "Balloon_info" ;
    div.appendChild (info) ;                
  }   
  
  var balloon = document.getElementById("Balloon_Img") ;
  balloon.src = imageURL + "images/sale_baloon.png" ;  
  balloon.className = "pngfix";
  
  var info_div = document.getElementById("Balloon_info") ;    
  info_div.style.zIndex = 999 ;
  info_div.style.position = "absolute" ;
  info_div.style.left = 9 + 'px' ;
  info_div.style.top = 10 + 'px' ;
  info_div.style.width = 433 + 'px' ;  
  info_div.align = 'left' ;
  info_div.style.overflow = 'hidden' ;  
  //info_div.style.backgroundColor = '#FF0037';

  if (!document.getElementById("Balloon_table"))
  {      
    var table = document.createElement("table") ;
    table.width = 433 + 'px' ;
    table.height = 280 + 'px' ;
    table.cellSpacing = 0 ;
    table.cellPadding = 0 ;
    var tbody = document.createElement("tbody") ;
    tbody.id = "Balloon_table" ;
    table.appendChild(tbody) ;

    //paging n close
    var tr = document.createElement("tr") ;
    tbody.appendChild(tr) ;
    var td = document.createElement("td") ;    
    td.colSpan = 2 ;
    tr.appendChild(td) ;
    var div = document.createElement("div") ;
    td.appendChild(div) ;
    var table2 = document.createElement("table") ;
    div.appendChild(table2) ;
    table2.width = 430 + 'px' ;    
    var tbody2 = document.createElement("tbody") ;
    table2.appendChild(tbody2) ;
    var tr2 = document.createElement("tr") ;
    tbody2.appendChild(tr2)
    //paging
    var td2 = document.createElement("td") ;
    tr2.appendChild(td2) ;
    var div = document.createElement("div") ;
    div.id = "Balloon_paging" ;
    div.style.width = 380 + 'px' ;    
    div.align = "center" ;
    td2.appendChild(div) ;
    //close
    var td2 = document.createElement("td") ;    
    tr2.appendChild(td2) ;
    var div = document.createElement("div") ;
    div.id = "Balloon_close" ;
    div.style.width = 30 + 'px' ;
    div.align = "right" ;    
    td2.appendChild(div) ;

	
// added by BK
    var tr = document.createElement("tr") ;
    tbody.appendChild(tr) ;
    //photo
    var td = document.createElement("td") ;
    td.style.verticalAlign = 'top' ;
    td.width = 430 + 'px' ; 
    td.height = 190 + 'px' ; 
	td.style.padding= "5px";
    tr.appendChild(td) ;
    var div = document.createElement("div") ;
    div.id = "div_hotel_img" ;
	div.align = "justify";
    td.appendChild(div) ;


/*    var td = document.createElement("td") ;    
    tr.appendChild(td) ;
    var div = document.createElement("div") ;
    td.appendChild(div) ;
    var table2 = document.createElement("table") ;
    div.appendChild(table2) ;
    table2.width = 430 + 'px' ;    
    var tbody2 = document.createElement("tbody") ;
    table2.appendChild(tbody2) ;
    var tr2 = document.createElement("tr") ;
    tbody2.appendChild(tr2);
    var td = document.createElement("td") ;
    td.style.verticalAlign = 'top' ;
    td.width = 430 + 'px' ; 
    td.height = 200 + 'px' ; 
    tr2.appendChild(td) ;
    var div = document.createElement("div") ;
    div.id = "div_hotel_img" ;
	div.align = "justify";
    td.appendChild(div) ;
*/
    info_div.appendChild(table) ;      
  } 
  
  var close = document.getElementById("Balloon_close") ;
  close.innerHTML = "" ;
  var img2 = document.createElement("img") ;
  img2.src = imageURL + "images/sale_info_close.png" ;
  img2.obj = this.mapObj ;
  img2.onclick = function ()
  {
    if (document.getElementById("Balloon_" + this.obj.divName))
    {
      var divLayer = document.getElementById("Balloon_" + this.obj.divName) ;
      divLayer.innerHTML = "" ;    
  	  clickedHotel = ""; // for hotelinfo that has been click

      this.obj.flagAnim = 2;
      this.obj.recenter(this.obj.getCurrLong(posBefore[0],posBefore[1]), this.obj.getCurrLat(posBefore[0],posBefore[1]));
    }  
  }
  close.appendChild(img2) ;     
    
  wid = image.index ;
  wid2 = 0 ;
  getDetailHotel (image, image.index, 0, 1) ;  

  if (dataHotel[image.index].Hotel.length > 1)
  {
    var pageQty = Math.ceil (parseInt(dataHotel[image.index].Hotel.length) / 5) ;
    var j = 1 ;
    for(var i = 0 ; i < pageQty ; i ++)
    {
      pageHotel[i] = j ;
      j += 5 ;
    }    
    pagingHotel (image, 0) ;  
  }   
}

function pagingHotel (image, index)
{
  var paging = document.getElementById("Balloon_paging") ;
  paging.innerHTML = "" ;
  
  var pg = Math.floor( (index+1) / 5 ) ;
    
  var prev = document.createElement("img") ;
  prev.id = "prev_photo_image" ;
  prev.style.cursor = "pointer" ;
  prev.src = imageURL + "images/prev.png" ;  
  prev.image = image ;
  prev.style.visible = 'hidden' ;
  prev.pg = pg ;
  prev.pageHotel = pageHotel ;    
  prev.onclick = function ()
  {      
    if(this.pg > 0)
    {
      this.pg -= 1 ;
      pagingHotel (this.image, this.pageHotel[this.pg]-1) ;        
    }
  }
  paging.appendChild(prev) ;
  
  if( pg <= pageHotel.length - 1)
  {
    if(pg == pageHotel.length - 1 || dataHotel[image.index].Hotel.length <= 5)
    {        
      for(var i = pageHotel[pg] ; i <= dataHotel[image.index].Hotel.length ; i ++)
      {
        var span = document.createElement("span") ;
        span.style.color = "blue" ;                          
        span.innerHTML = "&nbsp;" + i + "&nbsp;" ;
        span.image = image ;
        span.style.cursor = "pointer" ;
        span.index = i - 1 ;
        span.id = "numberPageHotel_" + span.index ;
        span.onclick = function ()
        {
          getDetailHotel (image, image.index, this.index, 1) ;
          HotelInfoContent(this.image, this.index) ;
        }
        paging.appendChild(span) ;
      }
    }
    else
    {      
      for(var i = pageHotel[pg] ; i < (pageHotel[pg] + 5) ; i ++)
      {
        var span = document.createElement("span") ;               
        span.style.color = "blue" ;                          
        span.innerHTML = "&nbsp;" + i + "&nbsp;" ;
        span.image = image ;
        span.index = i - 1 ;                     
        span.id = "numberPageHotel_" + span.index ;        
        span.onmouseover = function ()
        {
          this.style.cursor = "pointer" ;
        }   
        span.onclick = function ()
        {       
          getDetailHotel (image, image.index, this.index, 1) ;     
          HotelInfoContent(this.image, this.index) ;
        }          
        paging.appendChild(span) ;      
      }
    }   
  } 
  
  var next = document.createElement("img") ;
  next.src = imageURL + "images/next.png" ;
  next.id = "next_photo_image" ;
  next.style.cursor = "pointer" ;
  next.style.visible = 'hidden' ;
  next.image = image ;
  next.pg = pg ;
  next.pageHotel = pageHotel ;
  next.onclick = function ()
  {
    if (this.pg < (this.pageHotel.length - 1) )
    {
      this.pg += 1 ;
      pagingHotel (this.image, this.pageHotel[this.pg]-1) ;
    }
  }
  paging.appendChild(next) ;     
    
  HotelInfoContent (image, index) ;    
}

function HotelInfoContent (image, index)
{       
  var prev = document.getElementById("prev_photo_image") ;
  var next = document.getElementById("next_photo_image") ;
 
 var star = Math.floor(dataHotel[image.index].Hotel[index].star);
 if ((dataHotel[image.index].Hotel[index].star % star) == 0)
 {
	 star = "<img class=\"pngfix\" src= '" + imageURL + "../images/"+dataHotel[image.index].Hotel[index].star+"star.png' />";
 } else {
	 var tmpStar = star;
	 star = "";
	 for (var i=1;i<=tmpStar;i++ )
	 {
		 star += "<img class=\"pngfix\" src= '" + imageURL + "../images/1star.png' /> ";
	 }
	 star += "<img class=\"pngfix\" src= '" + imageURL + "../images/1star-half.png' />";
 }


/*	var hotel_info = document.getElementById("hotel_info") ;
	hotel_info.style.overflow = 'auto' ;  
	var txt = star + "<br><a href='javascript:void(0);' onclick='hotelonClick(\"" + dataHotel[image.index].Hotel[index].id + "\");' ><b>" + dataHotel[image.index].Hotel[index].Hotelname + " </b></a><br> " + dataHotel[image.index].Hotel[index].address;     
	hotel_info.innerHTML = txt ;
    
  var div_img = document.getElementById("div_hotel_img") ;
  div_img.innerHTML = "" ;
  var img = document.createElement("img") ;    
  img.id = 'Hotel_img' ;    
  img.style.width = "130px";
  img.style.height = "110px";
  img.style.align = "center";
  div_img.appendChild(img) ;                 
  
  if (dataHotel[image.index].Hotel[index].Photo != "")
  {    
    img.src = dataHotel[image.index].Hotel[index].Photo;
  }
  else
  {
    img.src = imageURL + "images/no_camera.jpg" ;
  }

  document.getElementById("hotel_desc").innerHTML= dataHotel[image.index].Hotel[index].desc ;
*/

	var hotel_info = document.getElementById("div_hotel_img") ;
	hotel_info.innerHTML = "";

//	var txt = star + "<br><a href='javascript:void(0);' style=\"color:#143E1D;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bolder;\" onclick='hotelonClick(\"" + dataHotel[image.index].Hotel[index].id + "\");event.returnValue=false; return false;' ><b><u>" + dataHotel[image.index].Hotel[index].Hotelname + " </u></b></a><br><br>" + dataHotel[image.index].Hotel[index].address;

  
//  var hotelLink = imageURL + "../hotel/" + dataHotel[image.index].Hotel[index].id + "/" + dataHotel[image.index].Hotel[index].HotelUrl + "/" + dataHotel[image.index].Hotel[index].Location + "/" + dataHotel[image.index].Hotel[index].CityName + "/" + dataHotel[image.index].Hotel[index].CountryName;
  var hotelLink = imageURL + "../hotel/" + dataHotel[image.index].Hotel[index].HotelUrl ;
	var txt = star + "<br><a href='"+ hotelLink + "' style=\"color:#143E1D;text-decoration:none;padding-left:0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bolder;\" onclick='hotel_clk();' ><b><u>" + dataHotel[image.index].Hotel[index].Hotelname + " </u></b></a><br><br>" + dataHotel[image.index].Hotel[index].address;
	var desc = dataHotel[image.index].Hotel[index].desc + "<a href='"+ hotelLink + "' style=\"color:#143E1D;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bolder;\" onclick='hotel_clk();'> Read more...<a/>";

//	if (dataHotel[image.index].Hotel[index].Photo != "")
//	{    
//		var img = "<img style=\"float: left; padding-right: 10px;\" src =\"" + dataHotel[image.index].Hotel[index].Photo + "\" id = \"Hotel_img\" width=\"130\" height=\"110\">"; 
		var img = "<img style=\"float: left; padding-right: 10px;\" src =\"" + imageURL + "../imageGallery/"+ dataHotel[image.index].Hotel[index].id +"/hotel.jpg\" id = \"Hotel_img\" width=\"130\" height=\"110\">"; 
/*	}
	else
	{
		var img = "<img style=\"float:left; padding-right: 10px;\" src =\"" + imageURL + "images/no_camera.jpg\" id = \"Hotel_img\" width=\"130\" height=\"110\">";
	}
*/
	hotel_info.innerHTML = img + txt + "<br><br>" + desc;



  if (dataHotel[image.index].Hotel.length <= 5)
  {
    prev.style.visibility = "hidden" ;   
    next.style.visibility = "hidden" ;  
    for (var i = 0 ; i < dataHotel[image.index].Hotel.length; i++)
    {
      var span = document.getElementById("numberPageHotel_" + i ) ;
      if (i == index)
      {
        span.style.color = "red" ;
        span.style.fontWeight = "bold" ;
      }          
      else
      {
        span.style.color = "blue" ;
        span.style.fontWeight = "normal" ;
      }                     
    }
  }
  else
  {
    var pg = Math.floor( (index+1) / 6 ) ;  
    if(pg == 0)
    {
      prev.style.visibility = "hidden" ;   
      next.style.visibility = "visible" ;    
    }
    else if(pg == (pageHotel.length - 1) )
    {
      prev.style.visibility = "visible" ;   
      next.style.visibility = "hidden" ;  
    }
    else
    {
      prev.style.visibility = "visible" ;   
      next.style.visibility = "visible" ;    
    }  
    
    if ( ( pageHotel[pg] + 5) > dataHotel[image.index].Hotel.length)
    {
      for(var i = pageHotel[pg] ; i < (pageHotel[pg] + 5) ; i ++)
      {
        var k = i - 1 ;
        if (document.getElementById("numberPageHotel_" + k ))
        {
          var span = document.getElementById("numberPageHotel_" + k ) ;         
          if (k == index)
          {
            span.style.fontWeight = "bold" ;
            span.style.color = "red" ;
          }           
          else
          {
            span.style.color = "blue" ;
            span.style.fontWeight = "normal" ;
          }                                        
        }
      }    
    }
    else
    {
      for(var i = pageHotel[pg] ; i <= dataHotel[image.index].Hotel.length ; i ++)
      {
        var k = i - 1 ;
        if (document.getElementById("numberPageHotel_" + k ))
        {
          var span = document.getElementById("numberPageHotel_" + k ) ; 
          if (k == index)
          {
            span.style.fontWeight = "bold" ;
            span.style.color = "red" ;
          }            
          else
          {
            span.style.color = "blue" ;
            span.style.fontWeight = "normal" ;
          }                             
        }
      }    
    }    
  }     
}


function getDetailHotel (image, id, id2, flag)
{
	var url = AjaxServer + "hotel.php" ;
	url = url + "?top=" + this.mapObj.getTop() ;
	url = url + "&left=" + this.mapObj.getLeft() ;
	url = url + "&bottom=" + this.mapObj.getBottom() ;
	url = url + "&right=" + this.mapObj.getRight() ;
	url = url + "&level=" + this.mapObj.getLevel() ;
	url = url + "&hotelID="  + dataHotel[id].Hotel[id2].id ;
	url = url + "&sid=" +  Math.random() ;  
	AJAX_HotelDetail = new ajax();
	AJAX_HotelDetail.image = image ;
	AJAX_HotelDetail.index = id2 ;
	AJAX_HotelDetail.Ajax_ID = "GetHotelDetail";
	AJAX_HotelDetail.url = url ;
	AJAX_HotelDetail.method = "GET" ;
	AJAX_HotelDetail.timeout = 60 ;
	AJAX_HotelDetail.callback = 'bundleDataHotelDetail();' ;
	AJAX_HotelDetail.request();
}

function bundleDataHotelDetail () 
{   
	var dataFull = AJAX_HotelDetail.resultText();        
//	var data2 = dataFull.split('\n') ;  
	var image = AJAX_HotelDetail.image ;
	var index = AJAX_HotelDetail.index ;  

	dataLine = dataFull.split('\t') ;
	dataHotel[image.index].Hotel[index].Hotelname = dataLine[0] ;
	dataHotel[image.index].Hotel[index].address = dataLine[1] ;
	dataHotel[image.index].Hotel[index].star = dataLine[2] ;
	dataHotel[image.index].Hotel[index].desc = dataLine[3] ;
	var tmpImage = dataLine[4].split(',');
	dataHotel[image.index].Hotel[index].Photo = "http://b2b.ratestogo.com/Common/ImageGallery/HotelImage.aspx?hid=" + dataHotel[image.index].Hotel[index].id ;
	
	delete AJAX_HotelDetail;
	HotelInfoContent(image,index) ;
}