function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(34.08459, -118.385807), 15);
		var point = new GLatLng(34.08459, -118.385807);
		map.addOverlay(new GMarker(point));
        // map.addControl(new GSmallMapControl());
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
      }
    }


window.onload = initialize;
window.onunload = GUnload;

box_toggle = false;
msg_sent = false;

function clearField(target, action){
	if(action == 'focus'){
		target.value = '';
	} else if(action == 'blur'){
		if(target.value == ''){
			target.value = target.defaultValue;
		}
	}
}

function joinMail(){	
	
	iname 		= $('mail_name').value;
	iaddress	= $('mail_address').value;
	icity       = $('mail_city').value;
	izip        = $('mail_zip').value;
	iphone      = $('mail_phone').value;
	iemail      = $('mail_email').value;
	
	var params = "name="+iname+"&address="+iaddress+"&city="+icity+"&zip="+izip+"&phone="+iphone+"&email="+iemail;
	
	new Ajax.Request("http://www.margoleavingallery.com/main/views/gallery/join_post.php", {
		asynchronous:true, 
		method:'post', 
		postBody:params,
		onSuccess: function(transport){
			var response = transport.responseText;
			if(response == ''){
				new Effect.toggle('mail_form', 'appear', { duration: 0.2, queue: 'front' });
				new Effect.Appear('thankyou', { queue: 'end'});
				new Effect.toggle('target', 'appear', { duration: 0.5, delay: 1, queue: 'end' });
			} else { 
				new Effect.Highlight('mail_email', { 
					startcolor: '#cc9999',
					endcolor: '#e6e7e8',
					duration:0.5
					});
			}
		}
	});
	return false;
}

var mailvisible = false

function showMail(){
	new Ajax.Request("http://www.margoleavingallery.com/main/views/gallery/join.php", {
			method:'get',
			onSuccess: function(transport){
				var response = transport.responseText;
				$('target').innerHTML = response;
				if(mailvisible){
					// new Effect.Move('mailinglist', {x:0,y:10,duration:0.1});
					mailvisible = false;
				} else {
					// new Effect.Move('mailinglist', {x:0,y:-10,duration:0.1});
					mailvisible = true;
				}
				Effect.toggle('target', 'appear', { duration: 0.2 });
			}
		});
		return false;
}