function jkml(name,idHmarker,idHpolyline,idHpolygon,idBmarker,idBpolyline,idBpolygon)
 {
    this.name = name;
    
    this.list_markers = "";
    this.list_polylines = "";
    this.list_polygons = "";
    
    
	this.idHmarker = idHmarker;
	this.idHpolyline = idHpolyline;
	this.idHpolygon =  idHpolygon ;
	
	
	this.idBmarker = idBmarker ;
	this.idBpolyline = idBpolyline ;
	this.idBpolygon = idBpolygon ;
	
	
	
	this.getItemList = function(myvar,type,name, i)
	{

		 gtype = 'g'+type+'s['+i+']';
      	 gid = 'g'+type+'_'+i;
		 trigger = '<a href=\"javascript:GEvent.trigger(' + myvar+'.'+gtype+',\'click\')\" >'+ name + '<\/a>';	 
		 pre = '<input type="checkbox" checked="true" onClick="javascript:'+this.name+'.toggleItem('+myvar+',\''+type+'\','+i+')" id='+gid+' >';
		 return '<li class=\"jkml_tree\">'+pre+trigger+'</li>'+"\n";
	}
	
	
	
	
	
	
	 this.sidecheck = function(myvar,name,type,i,graphic) {
    
      switch (type){
      case "marker":
       this.list_markers += this.getItemList(myvar,type,name, i);
      break;
      
      case "polyline" : 
       this.list_polylines += this.getItemList(myvar,type,name, i);
        
      break;
      
      case "polygon" : 
        this.list_polygons += this.getItemList(myvar,type,name, i);
      break;
      }
      return "";      
    }
    
    
 this.sidecheckend = function (myvar)
 {

	
	if(this.list_markers.length>0){ 
	 $('#'+this.idHmarker).html('<input id=\'gmarkers\' type="checkbox" checked="true" onClick="javascript:'+this.name+'.toggleAll('+myvar+', \'markers\' )" \/>Markers'+"\n");    
     if (this.list_markers != ""){  
      $('#'+this.idBmarker).html(this.list_markers);       
     }
    }else{
    	$('#'+this.idHmarker).parent().hide();
    }
    
    if(this.list_polylines.length>0){
     $('#'+this.idHpolyline).html('<input id=\'gpolylines\' type="checkbox" checked="true" onClick="javascript:'+this.name+'.toggleAll('+myvar+', \'polylines\')" \/>Polylines'+"\n");        
     if (this.list_polylines != ""){
      $('#'+this.idBpolyline).html(this.list_polylines); 
     }
	}else{
	$('#'+this.idHpolyline).parent().hide();
	}
	
	if (this.list_polygons.length>0){
	  $('#'+this.idHpolygon).html('<input id=\'gpolygons\' type="checkbox" checked="true" onClick="javascript:'+this.name+'.toggleAll('+myvar+', \'polygons\' )" \/>Polygons'+"\n");    
     if (this.list_polygons != ""){
	  $('#'+this.idBpolygon).html(this.list_polygons);
     }
     }else{
     $('#'+this.idHpolygon).parent().hide();
     }
     
     
     
    return ""; 
 }
      

	this.toggleItem = function(myvar,type,i)
	{
    
	switch (type){
	 case "marker":
	 if (!document.getElementById("gmarker_"+i).checked)
	 	{myvar.gmarkers[i].hide();}
	 else {myvar.gmarkers[i].show();}
	 break;
	 
	 
	 case "polyline" : 
	 
	 if (!document.getElementById("gpolyline_"+i).checked)
	 	{myvar.gpolylines[i].hide();}
	 else {myvar.gpolylines[i].show();}
	 break;
	 
	 case "polygon" : 
	 	 if (!document.getElementById("gpolygon_"+i).checked)
	 	{myvar.gpolygons[i].hide();}
	 else {myvar.gpolygons[i].show();}
	 break;
	 	 
	}
	 
	}
	
	this.toggleAll = function(myvar,type){
	 switch (type){
	  case "markers":
	  for (i = 0; i < myvar.gmarkers.length; i++) {
	  	document.getElementById("gmarker_"+i).checked = document.getElementById("gmarkers").checked;
	  	this.toggleItem(myvar,'marker',i);
	  	}
	  break;
	  case "polylines":
	  for (i = 0; i < myvar.gpolylines.length; i++){
	   document.getElementById("gpolyline_"+i).checked = document.getElementById("gpolylines").checked;
	   this.toggleItem(myvar,'polyline',i);
	   }
	  break;
	  case "polygons":
	  for (i = 0; i < myvar.gpolygons.length; i++){
	   document.getElementById("gpolygon_"+i).checked = document.getElementById("gpolygons").checked;
	   this.toggleItem(myvar,'polygon',i);
	   }
	  break;
	 }
	}


      
this.jkml_togglelist = function (id,t){
$("#"+id).slideToggle("slow");

if ($('#'+id).parent().is(".jkml_c")){
    $('#'+id).parent().removeClass("jkml_c");
    $('#'+id).parent().addClass("jkml_e");
   }else{
    $('#'+id).parent().removeClass("jkml_e");
    $('#'+id).parent().addClass("jkml_c");
   }


}	

    
$(document).ready(function() {  
  
  $('#jkml_paneltoogle').click(function(){
   if ($('#jkml_content').is(".jkml_s")){   
    $('#jkml_panel').animate({opacity:0},1000,function() {
    $('#jkml_content').removeClass("jkml_s");
    $('#jkml_content').addClass("jkml_l");
    
    $('#jkml_paneltoogle').removeClass("jkml_p");
    $('#jkml_paneltoogle').addClass("jkml_t");
    
    });
   }else{
    $('#jkml_content').removeClass("jkml_l");
    $('#jkml_content').addClass("jkml_s");
    
    $('#jkml_paneltoogle').removeClass("jkml_t");
    $('#jkml_paneltoogle').addClass("jkml_p");
    
    $('#jkml_panel').animate({opacity:1},1000);
   }   
});

});
    
    
 }