AddSafeLoaderCallback(AboutUs_Init);

function AboutUs_Init()
{
	var i = 0;
	var cur_area;
	for(i=0; i<server_export_data_obj.about_us_facility_area_array.length; i++)
	{

		cur_area = server_export_data_obj.about_us_facility_area_array[i];
		AboutUs_AddToFacilityMapArea(cur_area.left_px, cur_area.top_px, cur_area.small_img_src, cur_area.large_img_src, cur_area.small_img_prop.width, cur_area.small_img_prop.height, cur_area.large_img_prop.width, cur_area.large_img_prop.height);
	}
	
	for(i=0; i<server_export_data_obj.about_us_timeline_area_array.length; i++)
	{
		cur_area = server_export_data_obj.about_us_timeline_area_array[i];
		AboutUs_AddToTimelineMapArea(cur_area.left_px, cur_area.top_px, cur_area.small_img_src, cur_area.small_img_prop.width, cur_area.small_img_prop.height, cur_area.content);
	}
	
}

function AboutUs_AddToFacilityMapArea(left_px, top_px, small_img_src, large_img_src, small_img_width_px, small_img_height_px, large_img_width_px, large_img_height_px)
{
	var thumbtack_layer = ''
	+'<div style="position: absolute; left: ' + left_px + 'px; top: ' + top_px + 'px;">'
		+'<img src="' + small_img_src + '" width="' + small_img_width_px + '" height="' + small_img_height_px + '" onmouseover="this.style.border=\'1px dotted white\';Tip(\'<img src=&quot;' + large_img_src + '&quot; width=&quot;' + large_img_width_px + '&quot; height=&quot;' + large_img_height_px + '&quot;\');" onmouseout="this.style.border=\'0px\';UnTip();" style="" />'
	+'</div>';
	
	document.getElementById("aboutus_thumbtack_layers_area").innerHTML += thumbtack_layer;
}

function AboutUs_AddToTimelineMapArea(left_px, top_px, small_img_src, small_img_width_px, small_img_height_px, content)
{
	var new_data_id = 'timeline_data_'+left_px+'_'+top_px;
	var thumbtack_layer = ''
	+'<div style="position: absolute; left: ' + left_px + 'px; top: ' + top_px + 'px;">'
		+'<img src="' + small_img_src + '" width="' + small_img_width_px + '" height="' + small_img_height_px + '" onmouseover="this.style.border=\'1px dotted white\';TagToTip(\''+new_data_id+'\');" onmouseout="this.style.border=\'0px\';UnTip();" style="" />'
	+'</div>'
	+'<div id="'+new_data_id+'" style="display:none;"><div style="background-color: white; border: 1px solid'+(content.substring(36,40)>2000?'#238bca':'#1fb25a')+'; padding: 10px; width: 300px;">'+content+'</div></div>';
	
	document.getElementById("aboutus_tl_thumbtack_layers_area").innerHTML += thumbtack_layer;
}