var POI_PANEL_MANAGER = new PanelManager();

function poi_IsValid_POI1(){
	////////////////////////////////////////
	////////////////////////////////////////
	return true; // ON MET CETTE FONCTION POUR EVITER LES ERREURS DE SCRIPT
	////////////////////////////////////////
}

function geostickerPROXYPicto(sessionId,LG,OBJ,i){
	////////////////////////////////////////
	return getDIVforImage("images/popup/cityneo.png",OBJ.i_w, OBJ.i_h);
	////////////////////////////////////////
}
function geostickerPROXYContent1(sessionId,LG,OBJ,i){
	////////////////////////////////////////
	var mHTML = "";
	var URL_IMAGE="http://geo4.cityneo.com/mmServer/GET?"+
			    "sessionid="+sessionId+"&"+
			    "id="+OBJ.DATA.getProperty("IMAGE")+"&"+
			    "cat=GEOSTICKER&"+
			    "f=vignette";
	mHTML  = "<table><tr><td><img width='20' height='20' src=\"" + URL_IMAGE + "\"/></td><td>" + OBJ.DATA.getProperty("TITLE") + "</td></tr></table>";	
	return mHTML;
	////////////////////////////////////////
}

function geostickerPROXYContent2(sessionId,LG,OBJ,i){
	////////////////////////////////////////
	var mHTML = "";
	mHTML  = "<table><tr><td>" + OBJ.DATA.getProperty("CONTENT") + "</td></tr></table>";
	return mHTML;
	////////////////////////////////////////
}
function geostickerPROXYContent3(sessionId,LG,OBJ,i){
	////////////////////////////////////////
 	var TITLE=OBJ.DATA.getProperty("TITLE");
 	var CONTENT=OBJ.DATA.getProperty("CONTENT");
 	var USER=OBJ.DATA.getProperty("USER");
 	var DATE=OBJ.DATA.getProperty("DATE");
 	var URL_IMAGE="http://geo4.cityneo.com/mmServer/GET?"+
	    "sessionid="+sessionId+"&"+
	    "id="+OBJ.DATA.getProperty("IMAGE")+"&"+
	    "cat=GEOSTICKER&"+
	    "f=";
   	////////////////////////////////////////
	var styleGLOBAL= "{ border:0px solid #fff;width:280px;height:120px;background:#fff}";
	var styleTITLE= "{ font-size: 10pt; font-weight: bold; text-align: center; text-indent: 0; word-spacing: 0; line-height: 100%; margin: 0; margin-bottom: 5}";
	var styleCONTENT= "{ font-size: 9pt; letter-spacing: -1pt; text-align: left; text-indent: 0; word-spacing: 0; line-height: 100%; margin: 0 }";
	var styleIMAGE= "{ border-style: solid; border-color: #A91BB0; border-width:2px; }";
	var V = "<div style='"+styleGLOBAL+"'>"+
			"<p style='"+styleTITLE+"'>"+TITLE+"</p>"+
	 		"<p style='"+styleCONTENT+"'>"+
	 		"<a href=\"javascript:customPopupImage("+
	 			"'"+URL_IMAGE+"web1',"+
	 			"'"+TITLE+" du "+DATE+" par "+USER+"',"+
	 			"'"+CONTENT+"'"+
	 			")\">"+
	 		"<img valign='top' align='left' style='"+styleIMAGE+"' src='"+URL_IMAGE+"vignette'/>"+
	 		"</a>"+
	 		CONTENT+
	 		"</p>"+
	 		"</div>";
	////////////////////////////////////////
  	return V;
	////////////////////////////////////////
}

function geostickerGroupPROXYPicto(sessionId,LG,OBJ,i){
	////////////////////////////////////////
	// FEW
	if ( OBJ.DATA.length <= 10 ) {
    return getDIVforImage("images/popup/cityneoFew.png",OBJ.i_w, OBJ.i_h);
	}
	else {
	  return getDIVforImage("images/popup/cityneoHuge.png",OBJ.i_w, OBJ.i_h);
	  /*var styleGLOBAL= "{ border:1px solid #2A2A29;width:"+w+"px;height:"+h+"px;background:#fff}";
		var styleTITLE= "{ font-size: 8pt; font-weight: bold; text-align: center; text-indent: 0; word-spacing: 0; line-height: 100%; margin: 0; margin-bottom: 5}";
		var V = "<div style='"+styleGLOBAL+"'>"+
				"<p style='"+styleTITLE+"'>"+OBJ.length+"</p>"+
		 		"</div>";
		 return V;*/		
	}

	////////////////////////////////////////
}
function geostickerGroupPROXYContent1(sessionId,LG,OBJ,i){
	////////////////////////////////////////
	// FEW
	var styleTITLE= "{ font-size: 8pt; font-weight: bold; text-align: center; text-indent: 0; word-spacing: 0; line-height: 100%; margin: 0; margin-bottom: 5}";
	var V = null;
	if ( OBJ.DATA.length <= 10 ) {
		V = "<img src='images/popup/cityneoFew.png'/><span style='"+styleTITLE+"'>"+
		+ OBJ.DATA.length + " Assembled items</span>";
	}
	else {
    V = "<img src='images/popup/cityneoHuge.png'/><span style='"+styleTITLE+"'>"+
		+ OBJ.DATA.length + " Assembled items</span>";
	}

	return V;
	////////////////////////////////////////
}
function geostickerGroupPROXYContent2(sessionId,LG,OBJ,i){
	////////////////////////////////////////
	//var styleTITLE= "{ font-size: 10pt; font-weight: bold; text-align: center; text-indent: 0; word-spacing: 0; line-height: 100%; margin: 0; margin-bottom: 5}";
	var styleCONTENT= "{ font-size: 9pt; letter-spacing: 0pt; text-align: left; text-indent: 0; word-spacing: 0; line-height: 100%; margin: 0 }";
	var V = "<div style='"+styleCONTENT+"'>";
	var URL_IMAGE=null;
	for (i=0;i<OBJ.DATA.length;i++){
		//V=V+OBJ[i].getProperty("TITLE")+"<br/>";
		URL_IMAGE = "http://geo4.cityneo.com/mmServer/GET?"+
			    			"sessionid="+sessionId+"&"+
			   			  "id="+OBJ.DATA[i].getProperty("IMAGE")+"&"+
			    			"cat=GEOSTICKER&"+
			    			"f=vignette";
		V = V + "<table><tr><td><img width='20' height='20' src=\"" + URL_IMAGE + "\"/></td><td>" + OBJ.DATA[i].getProperty("TITLE") + "</td></tr></table>";	
	}
	V=V+"</div>";
	////////////////////////////////////////
  	return V;
	////////////////////////////////////////
}
function geostickerGroupPROXYContent3(sessionId,LG,OBJ,i){
	////////////////////////////////////////
	var styleGLOBAL  = "{ text-align:left; width:250px;height:250px;overflow:auto;border:0px solid #fff;background:#fff;padding:8px}";
	var styleTITLE   = "{ font-size: 10pt; font-weight: bold; text-align: center; text-indent: 0; word-spacing: 0; line-height: 100%; margin: 0; margin-bottom: 5}";
	var styleCONTENT = "{ font-size: 9pt; letter-spacing: 0pt; text-align: left; text-indent: 0; word-spacing: 0; line-height: 100%; margin: 0 }";
	var styleIMAGE   = "{ border-style: solid; border-color: #A91BB0; border-width:2px; }";

	var V = "<div style='" + styleGLOBAL  + "'>" +
					"<p style='"   + styleTITLE   + "'>" + OBJ.DATA.length + " Items</p>" +
	 				"<p style='"   + styleCONTENT + "'></p>";

 
  var TITLE   	= null;
 	var CONTENT 	= null;
 	var USER			= null;
 	var DATE      = null;
	var URL_IMAGE = null;

	for ( i = 0 ; i < OBJ.DATA.length ; i++ ) {
 
	  TITLE   = OBJ.DATA[i].getProperty("TITLE");
	  CONTENT = OBJ.DATA[i].getProperty("CONTENT");
	  USER    = OBJ.DATA[i].getProperty("USER");
 	  DATE    = OBJ.DATA[i].getProperty("DATE");

		URL_IMAGE = "http://geo4.cityneo.com/mmServer/GET?" +
			    			"sessionid=" + sessionId + "&" +
			   			  "id=" + OBJ.DATA[i].getProperty("IMAGE") + "&" +
			    			"cat=GEOSTICKER&" +
			    			"f=";

		V = V + "<table><tr><td><a href=\"javascript:customPopupImage(" +
			 			"'"+URL_IMAGE+"web1'," +
			 			"'"+TITLE+" du "+DATE+" par "+USER+"'," +
			 			"'"+CONTENT+"'" +
			 			")\">" +
				 		"<img valign='top' align='left' style='"+styleIMAGE+"' src='"+URL_IMAGE+"vignette'/>" +
				 		"</a></td><td>" + TITLE + "</td></tr></table>";
	}
	
	V=V+"</div>";

	////////////////////////////////////////
  return V;
	////////////////////////////////////////
}
////////////////////////////////////////
// VELIB
////////////////////////////////////////

function velibPROXYpicto(sessionId,LG,ref,OBJ,w,h){
	////////////////////////////////////////
	return getDIVforImage("images/popup/velib.png",w,h);
	////////////////////////////////////////
}
function velibPROXYContent1(sessionId,LG,ref,OBJ){
	////////////////////////////////////////
	return null;
	////////////////////////////////////////
}
function velibPROXYContent2(sessionId,LG,ref,OBJ){
	////////////////////////////////////////
	return null;
	////////////////////////////////////////
}
function velibPROXYContent3(sessionId,LG,ref,OBJ){
	////////////////////////////////////////
   	var name=OBJ.getProperty("name");
   	var fullAddress=OBJ.getProperty("fullAddress");
   	var V_AVAILABLE=OBJ.getProperty("V_AVAILABLE");
   	var V_FREE=OBJ.getProperty("V_FREE");
   	var V_DATE=OBJ.getProperty("V_DATE");
   	////////////////////////////////////////
	var styleGLOBAL= "{ border:1px solid #2A2A29;width:200px;height:200px;background:#fff}";
	var styleTITLE= "{ font-size: 10pt; font-weight: bold; text-align: center; text-indent: 0; word-spacing: 0; line-height: 100%; margin: 0; margin-bottom: 5}";
	var styleCONTENT= "{ font-size: 9pt; letter-spacing: -1pt; text-align: left; text-indent: 0; word-spacing: 0; line-height: 100%; margin: 0 }";
	var V = "<div style='"+styleGLOBAL+"'>"+
			"<p style='"+styleTITLE+"'>"+name+"</p>"+
	 		"<p style='"+styleCONTENT+"'>"+
	 		fullAddress+"</br>"+
	 		V_AVAILABLE+"</br>"+
	 		V_FREE+"</br>"+
	 		V_DATE+"</br>"+
	 		"</p>"+
	 		"</div>";
	////////////////////////////////////////
  	return V;
	////////////////////////////////////////
}



function customPopupImage(img,titre,content) {
	w=open("",'image','weigth=toolbar=no,scrollbars=no,resizable=yes, width=350, height=350');	
	w.document.write("<HTML><BODY onblur=\"window.close();\">"+
		"<table border='0' cellpadding='0' cellspacing='0' width='100%'>"+
	    "<tr>"+
	    "<td align='center' width='100%'>"+
	    titre+
	    "</td>"+
    	"</tr>"+
	    "<tr>"+
	    "<td align='center' width='100%'>"+
        "<img border='0' src='"+img+"'>"+
	    "</td>"+
    	"</tr>"+
	    "<tr>"+
	    "<td align='left' width='100%'>"+
	    content+
	    "</td>"+
    	"</tr>"+
	  	"</table>"+
	  	"</BODY></HTML>");
	w.document.close();
}