var map = null;
var geocoder = null;
var marker;

function initialize()  
{
	if (GBrowserIsCompatible())  
	{
		map = new GMap2(document.getElementById("map"));
		map.addControl(new GLargeMapControl());                 //加入地圖縮放工具
		map.addControl(new GMapTypeControl());                 //加入地圖切換的工具
		map.addMapType(G_PHYSICAL_MAP);                         //加入地形圖
		map.setCenter(new GLatLng(25.001689, 121.460809), 11);   //設定台灣為中心點
		geocoder = new GClientGeocoder();
	}
}

function createMarker(point,title,html)  
{
	var marker = new GMarker(point);
	GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html,{maxContent: html,	maxTitle: title});});
	return marker;
}

function showAddress(address)  
{
	address=address.replace('\'','');
	if (geocoder)  
	{
		geocoder.getLatLng(
			address,
			function(point)  
			{
				if (!point)  
				{
					alert('未尋獲'+address );
				}  
				else  
				{
					if(marker)  //移除上一個點
					{
						map.removeOverlay(marker);
					}
					map.setCenter(point, 15);
					var title = "地址";
					marker = createMarker(point,title,address);
					map.addOverlay(marker);
					marker.openInfoWindowHtml(address,{maxContent: address,maxTitle: title});
				}
			}
		);
	}
}
function updatePreview(){
	ip=$('inviteTemplaList').getElementsByTagName('input');
	for(i=0;i<ip.length;i++){
		if(ip[i].name=='data[Ecard][htmlstyle_id]'&&ip[i].checked==true){
		switchTo(ip[i].value);
		break;
		}
	}
}
function switchTo(template_type,isBack){
	$('p_m_name').innerHTML=$('m_name').innerHTML;
	$('p_f_name').innerHTML=$('f_name').innerHTML;
	$('p_engage_date').innerHTML=$('engage_date').innerHTML;
	$('p_marray_date').innerHTML=$('marry_date').innerHTML;
	$('p_EcardEcardName').innerHTML=$('EcardEcardName').value;
	$('p_EcardAttendDateYear').innerHTML=$('EcardAttendDateYear').options[$('EcardAttendDateYear').selectedIndex].value;
	$('p_EcardAttendDateMonth').innerHTML=$('EcardAttendDateMonth').options[$('EcardAttendDateMonth').selectedIndex].value;
	$('p_EcardAttendDateDay').innerHTML=$('EcardAttendDateDay').options[$('EcardAttendDateDay').selectedIndex].value;
	$('p_EcardAttendDateHour').innerHTML=$('EcardAttendDateHour').options[$('EcardAttendDateHour').selectedIndex].value;
	$('p_EcardAttendDateMin').innerHTML=$('EcardAttendDateMin').options[$('EcardAttendDateMin').selectedIndex].value;
	$('p_EcardPartyDateYear').innerHTML=$('EcardPartyDateYear').options[$('EcardPartyDateYear').selectedIndex].value;
	$('p_EcardPartyDateMonth').innerHTML=$('EcardPartyDateMonth').options[$('EcardPartyDateMonth').selectedIndex].value;
	$('p_EcardPartyDateDay').innerHTML=$('EcardPartyDateDay').options[$('EcardPartyDateDay').selectedIndex].value;
	$('p_EcardPartyDateHour').innerHTML=$('EcardPartyDateHour').options[$('EcardPartyDateHour').selectedIndex].value;
	$('p_EcardPartyDateMin').innerHTML=$('EcardPartyDateMin').options[$('EcardPartyDateMin').selectedIndex].value;
	$('p_EcardAttendPlace').innerHTML=$('EcardAttendPlace').value;
	$('p_EcardAttendAddr').innerHTML=$('EcardAttendAddr').value;
	$('p_EcardPartyPlace').innerHTML=$('EcardPartyPlace').value;
	$('p_EcardPartyAddr').innerHTML=$('EcardPartyAddr').value;
	$('p_EcardSaysomething').innerHTML=$('EcardSaysomething').value;
	$('p_EcardRemindFriend').innerHTML=$('EcardRemindFriend').value;

	$('p_m_name').innerHTML=$('p_m_name').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_f_name').innerHTML=$('p_f_name').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_engage_date').innerHTML=$('p_engage_date').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_marray_date').innerHTML=$('p_marray_date').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_EcardEcardName').innerHTML=$('p_EcardEcardName').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_EcardAttendDateYear').innerHTML=$('p_EcardAttendDateYear').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_EcardAttendDateMonth').innerHTML=$('p_EcardAttendDateMonth').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_EcardAttendDateDay').innerHTML=$('p_EcardAttendDateDay').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_EcardAttendDateHour').innerHTML=$('p_EcardAttendDateHour').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_EcardAttendDateMin').innerHTML=$('p_EcardAttendDateMin').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_EcardPartyDateYear').innerHTML=$('p_EcardPartyDateYear').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_EcardPartyDateMonth').innerHTML=$('p_EcardPartyDateMonth').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_EcardPartyDateDay').innerHTML=$('p_EcardPartyDateDay').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_EcardPartyDateHour').innerHTML=$('p_EcardPartyDateHour').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_EcardPartyDateMin').innerHTML=$('p_EcardPartyDateMin').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_EcardAttendPlace').innerHTML=$('p_EcardAttendPlace').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_EcardAttendAddr').innerHTML=$('p_EcardAttendAddr').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_EcardPartyPlace').innerHTML=$('p_EcardPartyPlace').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_EcardPartyAddr').innerHTML=$('p_EcardPartyAddr').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_EcardSaysomething').innerHTML=$('p_EcardSaysomething').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('p_EcardRemindFriend').innerHTML=$('p_EcardRemindFriend').innerHTML.replace(/</g,'&lt;').replace(/\n/g, '<br />');
	$('pic').getElementsByTagName('img')[0].src=$('preview').getElementsByTagName('img')[0].src;
	$('invite_content').className='content-'+template_type;
	$('radio'+template_type).checked=true;
	liobj=$('text').getElementsByTagName('li');
	for(i=0;i<liobj.length;i++){
		if(liobj[i].className=='attend_info'){
			if($('EcardDisableAttend').checked==true){
				liobj[i].style.display='none'
			}else{
				liobj[i].style.display='block'
			}
		}
	}
	for(i=0;i<liobj.length;i++){
		if(liobj[i].className=='party_info'){
			if($('EcardDisableParty').checked==true){
				liobj[i].style.display='none'
			}else{
				liobj[i].style.display='block'
			}
		}
	}
	if(isBack!=1){/*fix ie layout*/
		setTimeout('switchTo('+template_type+',1)',250);
	}
}