var SV_Active = new Array();

genMap2.prototype.showLayers = function ()
{
	var id = "layersDiv_" + this.divName ;
	var bDiv = "buttonTypeDiv_" + this.divName ;
	
	if (!document.getElementById(id))
	{
		createNewLayer(bDiv,id) ;		

		var divLayers = document.getElementById(id) ;
		divLayers.style.backgroundColor = "white" ;
		divLayers.align = 'left' ;
		divLayers.style.position = 'absolute' ;
		divLayers.style.overflow = "auto" ;
		divLayers.style.width = 198 + 'px' ;
		divLayers.style.height = 150 + 'px' ;
		//divLayers.style.width = 300 + 'px' ;
		//divLayers.style.height = 100 + 'px' ;
		divLayers.style.left = 152 + 'px' ;
		divLayers.style.top = 17 + 'px' ;
		divLayers.style.border = '1px solid #959595' ;
		divLayers.innerHTML = "";

		if (this.MapReferenceAble == true)
		{
			this.createTableLayers (id) ;
		}

	}

	var divLayers = document.getElementById(id) ;
	var butLayDiv = document.getElementById("buttonTypeLayersDiv_" + this.divName) ;

	if (butLayDiv.show == 1)
	{
		divLayers.style.visibility = 'visible' ;
	}
	else
	{
		divLayers.style.visibility = 'hidden' ;
	}
}

function LayersDB()
{
  this.LayerGroupName = "" ;
  this.LayerChildName = new Array () ;
}

genMap2.prototype.createTableLayers = function (id)
{

	var divLayers = document.getElementById(id) ;	
	var idLayer = new Array () ;

	var table = document.createElement("table") ;
	table.id = 'table_layers' ;	
  table.width = 185 + 'px'
	divLayers.appendChild(table) ;
	table.align = 'left' ;
	table.border = 0 ;
	
	//table.style.width = 200 + 'px' ;
	var tbody = document.createElement("tbody") ;
	tbody.width = 185 + 'px';
	table.appendChild (tbody) ;		
	
	DataLayers="1\nHotel,bundleDataHotel();,Layer3,,None,hotel";			

	var dataLine = DataLayers.split("\n") ; // DataLayers uda diisi di genmap.map.js
  var LayersQty = parseInt(dataLine[0]) ;	 
	dataLine.shift() ;
	/*================================================================================*/
 	
	for (var i = 0 ; i < LayersQty ; i ++ )
	{	  
	  var dataDetail = dataLine[i].split(',') ;
    
    idLayer[i] = new LayersDB() ;
    idLayer[i].LayerGroupName = dataDetail[0].replace(/ /g,"") ;    		
    if (dataDetail[4] == "None")
    {      
      var tooltip = dataDetail[0] ;
  		var tr = document.createElement("tr") ;
  		tr.nowrap = 'nowrap' ;
  		tbody.appendChild(tr) ;
  
  		var td = document.createElement("td") ;
  		td.align = 'left' ;  		
  		tr.appendChild (td) ;
    
  		var div = document.createElement("div") ;
  		div.id = idLayer[i].LayerGroupName ;
  		div.style.position = 'relative' ;  		
  		div.style.width = 180 + 'px';
  		div.style.left = 0 + 'px' ;
  		div.nowrap = 'nowrap' ;
  		//div.style.overflow = 'visible' ;
  		//div.onmousedown = Toggle(div.id) ;
  		var img = document.createElement("img");
  		img.src = imageURL + "images/leaf.gif" ;
  		
  		//buat layer balloon
      var parent = "mapDiv_" + this.divName ;
      var child = "Balloon_" + this.divName ;    
      if (!document.getElementById(child))
      {
        createNewLayer(parent,child) ;
        var layer_div = document.getElementById(child) ;
        layer_div.style.zIndex = 999999 ;
        layer_div.style.position = "absolute" ;     
      }  	


      var input = document.createElement("input") ;
      input.id = dataDetail[2] ;
      input.obj = this ;   
      input.variant = dataDetail[0];
      input.type = "checkbox" ;  
      input.Function = dataDetail[1] ; 
	  input.checked = true;
      input.onclick = function ()
      {        
        if (this.checked == true)
        {   
			// disable by BK
          //LoadingStart("PS", "Please wait... Loading data... ");// + this.variant);
          //SV_Active[this.id] = true;
        }
        else
        {
           SV_Active[this.id] = false;
        }
        eval (this.Function) ;    
      } 
      var imgLayer = document.createElement("img");
      imgLayer.src = imageURL + "images/" + dataDetail[5] + ".gif" ;
  		
  		var font = document.createElement("span");
  		font.id = idLayer[i].LayerGroupName + "_font" ;
  		font.innerHTML = "&nbsp;" + dataDetail[0] + "&nbsp;" ;
  		div.appendChild(img) ;
  		div.appendChild(input) ;
  		div.appendChild(imgLayer) ;
  		div.appendChild(font) ;		
      div.title = tooltip ;  
  		td.appendChild (div) ;		        
		  bundleDataHotel();
    }
    else
    {
      var flagLayer = 0 ;
      var jj = 0 ;

      for (var j = 0 ; j < idLayer.length - 1 ; j ++)
      {
        if (idLayer[i].LayerGroupName == idLayer[j].LayerGroupName)
        {
          flagLayer = 1 ;
          jj = j ;
        }
      }      
            
      if (flagLayer == 0)
      {        
        idLayer[i].LayerChildName[0] = dataDetail[4].replace(/ /g,"") ;        
    		var tr = document.createElement("tr") ;
    		tr.nowrap = 'nowrap' ;
    		tbody.appendChild(tr) ;
    
    		var td = document.createElement("td") ;
    		td.nowrap = 'nowrap' ;
    		td.id = idLayer[i].LayerGroupName + "_td" ;
    		td.align = 'left' ;
    		tr.appendChild (td) ;
      
    		var div = document.createElement("div") ;
    		div.id = idLayer[i].LayerGroupName + "_div" ;
    		div.style.position = 'relative' ;
    		div.style.left = 0 + 'px' ;
    		//div.onmousedown = Toggle(div.id) ;
    		var img = document.createElement("img");
    		img.id = idLayer[i].LayerGroupName + "_img" ;
    		img.src = imageURL + "images/plus.gif" ;
        var input = document.createElement("input") ;
        
        input.id = dataDetail[2] ;
        input.obj = this ;
        input.type = "checkbox" ;  
        input.variant = dataDetail[0];  
        input.Function = dataDetail[1] ; 
        input.onclick = function ()
        {
          //eval (this.Function) ;      
        } 
    		
    		var font = document.createElement("span");             		
    		font.innerHTML = "&nbsp;" + dataDetail[0] ;
    		div.appendChild(img) ;
    		//div.appendChild(input) ;
    		div.appendChild(font) ;  
        div.title = dataDetail[0] ;  		
    		
    		var div1 = document.createElement("div") ;
    		div1.id = idLayer[i].LayerGroupName + "_divGroup" ;
    		div1.style.position = 'relative' ;
    		div1.style.display = 'none' ;

		    var div2 =  document.createElement("div") ;	
		    div2.id = dataDetail[4].replace(/ /g,"") ;
        div2.style.position = 'relative' ;
        //div2.style.display = 'none' ;
        var img2 = document.createElement("img");
        img2.src = imageURL + "images/leaf.gif" ; 
         
		var input = document.createElement("input") ;
        
        input.id = dataDetail[2] ;
        input.obj = this ;
        input.type = "checkbox" ;  
        input.variant = dataDetail[0];  
        input.Function = dataDetail[1] ; 
        input.onclick = function ()
        {
          if (this.checked == true)
          {            
			  // disable by BK
//            LoadingStart("PS", "Please wait... Loading data... ");// + this.variant);
//            SV_Active[this.id] = true;                         
          }
          else
          { SV_Active[this.id] = false;
          }
          eval (this.Function) ;
        }         
        var imgLayer = document.createElement("img");
        imgLayer.src = imageURL + "images/" + dataDetail[5] + "0.gif" ;        
        
    		var font2 = document.createElement("span");
    		font2.id = idLayer[i].LayerChildName[0] + "_font" ;
    		font2.innerHTML = "&nbsp;" + dataDetail[4] ;
          
        div2.appendChild(img2) ;
        div2.appendChild(input) ;
        div2.appendChild(imgLayer) ;
        div2.appendChild(font2) ;
        div2.title = dataDetail[4] ;
    
        var div3 = document.createElement("div") ;
        div3.style.display = 'none' ;
        div2.appendChild(div3) ;  		    		        
        		  
        div1.appendChild(div2) ;		  
    		td.appendChild (div) ;
        td.appendChild (div1) ;		
        div.td = td ;
        div.table = table ;
        div.div2 = div2 ;
    		div.onclick = function ()
        {
          //alert (this.clientWidth) ;
          Toggle(this.id) ;
          this.table.width = 300 + 'px' ;          
        }		        
      
      }
      else
      {        
        var k = idLayer[jj].LayerChildName.length ;
        idLayer[jj].LayerChildName[k] = dataDetail[4].replace(/ /g,"") ;        
                
        var div1 = document.getElementById(idLayer[jj].LayerGroupName + "_divGroup") ;                
		    var div2 =  document.createElement("div") ;	
		    div2.id = dataDetail[4].replace(/ /g,"") ;
        div2.style.position = 'relative' ;
        //div2.style.display = 'none' ;
        var img2 = document.createElement("img");
        img2.src = imageURL + "images/leaf.gif" ;  
        var input = document.createElement("input") ;
        
        input.id = dataDetail[2] ;
        input.obj = this ;
        input.type = "checkbox" ;  
        input.variant = dataDetail[0];  
        input.Function = dataDetail[1] ; 

        input.onclick = function ()
        {
          if (this.checked == true)
          {             
			  // disable by BK
//            LoadingStart("PS", "Please wait... Loading data... ");// + this.variant);
//            SV_Active[this.id] = true;
          }
          else
          {
            SV_Active[this.id] = false;
          }
          eval (this.Function) ;
        } 
        var imgLayer = document.createElement("img");
        imgLayer.src = imageURL + "images/" + dataDetail[5] + "" + k + ".gif" ;                        
        
    		var font2 = document.createElement("span");
    		font2.id = idLayer[jj].LayerChildName[k] + "_font" ;    		
    		font2.innerHTML = "&nbsp;" + dataDetail[4] ;
          
        div2.appendChild(img2) ;
        div2.appendChild(input) ;
        div2.appendChild(imgLayer) ;
        div2.appendChild(font2) ;
        div2.title = dataDetail[4] ;
    
        var div3 = document.createElement("div") ;
        div3.style.display = 'none' ;
        div2.appendChild(div3) ;  		    		        
        		                           		
        div1.appendChild (div2) ;	        	                     
      }
    }	
  } 	
}

var tmpLongStar = "";
var tmpLatStar = "";

genMap2.prototype.showStar = function ()
{
  var parent = "mapDiv_" + this.divName ;
  var child = "mapStar_" + this.divName ;

  if (!document.getElementById(child))
  {
    createNewLayer(parent,child) ;
  }

  if(tmpLongStar == "") {
    tmpLongStar = this.longitude;
    tmpLatStar = this.latitude;  
  }

//	var a = this.changeToPixel(this.longitude,this.latitude) ;
	var a = this.changeToPixel(tmpLongStar,tmpLatStar) ;
	var img = document.createElement("img") ;
	img.id = 'stars' ;
	img.src = imageURL + "images/star5.gif" ;          
	img.style.position = "absolute" ;  		
	img.sX = this.xStart ;
	img.sY = this.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.xStart) - (parseInt(img.width)/2)) + 'px' ;			
	img.style.top = ((a[1] - this.yStart) - (parseInt(img.height)/2)) + 'px' ;      
//	img.style.cursor = 'pointer' ;
	img.style.zIndex = 999999 ;
	img.style.visibility = 'visible' ; 
	img.style.display = '' ;

  var LP = document.getElementById(child) ;
  LP.innerHTML = "" ;
  LP.style.zIndex = 999990 ;
  LP.style.position = "absolute" ;
   LP.appendChild(img) ;               

}