function getSiteinfo(){
var output;
$.ajax({
url: '/indices/getSiteInfo',
type: 'get',
async: false,
success: function (data) {
output = eval("(" + data + ")");
}
});
return output;
}

siteinfo = getSiteinfo();

function convert_coords(left,top,right,bottom,pic_height,pic_width,link_class,offset_x,offset_y,marker_height,marker_width,need_marker,large_map){
var source = new Proj4js.Proj('EPSG:4326');
var dest = new Proj4js.Proj('EPSG:3785');
list="";
var station_x;
var station_y;
var p;
var marker;

var top_left=new Proj4js.Point(left,top);
Proj4js.transform(source, dest, top_left);
var bottom_right=new Proj4js.Point(right,bottom);
Proj4js.transform(source, dest, bottom_right);
var map_width=top_left.x-bottom_right.x;
var map_height=top_left.y-bottom_right.y;
var x_ratio=pic_width/map_width;
var y_ratio=pic_height/map_height;
for(var x in siteinfo){
stid = siteinfo[x].stid;
if( stid === "cmvf" || stid === "cmvh" || stid === "cmvj" || stid === "cmvk" || stid === "cmvs" || stid === "cmvt" || stid === "cmvu" || stid === "cmvv" || stid === "cmvz" || stid === "cmwb" || stid === "cmwq" || stid === "cmwr" || stid === "cmwv" || stid === "cmwx" || stid === "cmwy" || stid === "cmwz" || stid === "cmxb" || stid === "cmxd" || stid === "cmww" || stid === "sgea" ){
lon = Number(siteinfo[x].lon);
lat = Number(siteinfo[x].lat);
p = new Proj4js.Point(lon,lat);
Proj4js.transform(source, dest, p);
station_x=(top_left.x-p.x)*x_ratio;
station_y=((top_left.y-p.y)*y_ratio)-10;
name = siteinfo[x].name;
if(stid=="cwgr"){
if(pic_width!="770"){
station_x=469-offset_x;
station_y=372-offset_y-12;
}else{
station_x=624-offset_x;
station_y=492-offset_y-12;
}
}
if(need_marker){
marker='apple.png';
}else{
marker='none.gif';
}
list += "<a class='"+link_class+"' stid='"+stid+"' title=\""+name+"\" href='javascript:void(0)' style='border:0px solid white;z-index:50000;position:absolute;left:"+(station_x+offset_x)+"px;top:"+((station_y+10)+offset_y)+"px;height:"+marker_height+"px;width:"+marker_width+"px;'><img src='/images/global/"+marker+"' border=0 style='height:"+marker_height+"px;width:"+marker_width+"px'/></a>";
}
}
return list;
}